Ключова разлика - div срещу span
HTML е широко използван език за разработване на уеб страници. Той означава Hyper Text Markup Language. Терминът Hyper се отнася до връзки към други уеб ресурси в интернет. Терминът Markup се отнася до възможността за създаване на форматиран текст с изображения и други мултимедийни ресурси. Хипервръзките са основните компоненти в HTML, които карат всички уеб ресурси да се свързват заедно. Има няколко версии на HTML. Те са HTML 2.0, 3.2, 4.01 и HTML5. По принцип HTML е текстов документ с тагове. Той казва на уеб браузъра начина да структурира уеб страницата, за да я покаже. Div и span са два маркера в HTML. Всеки HTML елемент има стойност по подразбиране за показване в зависимост от вида на елемента. Така че те могат да бъдат блок или вградени елементи. Тази статия обсъжда разликата между div и span. Ключовата разлика между div и span е, че div е елемент на ниво блок, докато span е вграден елемент.
СЪДЪРЖАНИЕ
1. Общ преглед и ключова разлика
2. Какво е div
3. Какво е span
4. Прилики между div и span
5. Сравнение едно до друго - div vs span в таблична форма
6. Резюме
Какво е div?
Всички html документи започват с декларация за тип документ. Днес най-често срещаната версия на HTML е HTML5. Следователно декларацията на типа е. Всички html тагове трябва да бъдат включени вътре в и таговете. Необходимите подробности за уеб страницата са включени в етикета. Видимата уеб страница е написана вътре в маркера. Има етикети за всяка цел. The
таг се използва за абзаци. The
,
и т.н. се използват за заглавия. Съдържанието в началния и крайния таг е известно като елемент. напр
Това е параграф
Фигура 01: HTML5
Всеки HTML елемент има стойност по подразбиране за показване в зависимост от вида на елемента. Стойностите на дисплея по подразбиране могат да бъдат блокирани или вградени. Елементите на ниво блок винаги започват с нов ред. Тези елементи заемат цялата налична ширина. Някои примери за елементи на ниво блок са,, и
Тагът div също е елемент на ниво блок в HTML. Синтаксисът е както следва.
Здравей свят!
Елементите div са контейнер за други елементи. Следователно, набор от елементи може да бъде опакован в елемента div. Когато се използва с Cascading Style Sheet (CSS), div таг може да се използва за оформяне на блок от съдържание. Вижте кода по-долу.
Два абзаца са вътре в тага div. Цялото съдържание в дивиден таг има цвят на фона черен и цвят на шрифта бял.
Какво е span?
За разлика от елементите на ниво блок, вградените елементи не започват на нов ред. Необходима е само необходимата ширина. Някои примери за вградени елементи са,, и
Маркерът span също е вграден елемент в HTML. Синтаксисът е както следва.
Здравей свят!
Фигура 02: div и span маркер
Маркерът span се използва като контейнер за някакъв текст. Този маркер може да се използва и с CSS. Следователно, част от текста може да бъде стилизирана. Вижте примера по-долу. „Параграф1“е вътре в тага на span. Цветът се добавя с помощта на CSS атрибут стил.
Това е параграф1
Какви са приликите между div и span?
- И div, и span са групиращи маркери в HTML.
- И div, и span съдържат началния и крайния таг.
- И div, и span могат да имат атрибут style.
Каква е разликата между div и span?
Различна статия Средна преди таблица
div срещу span |
|
Div е HTML таг, който определя разделение или раздел в HTML документ. | Обхватът е HTML таг, който се използва за групиране на вградени елементи в HTML документ. |
Употреба | |
Тагът div се използва като контейнер за други елементи. | Маркерът span се използва като контейнер за някакъв текст. |
Нова линия | |
Тагът div започва с нов ред. | Маркерът span не започва с нов ред. |
Необходима ширина | |
Тагът div ще вземе цялата ширина. | Маркерът span ще вземе само необходимата ширина. |
Синтаксис | |
Резюме - div vs span
HTML означава Hyper Text Markup Language. Използва се за разработване на уебсайтове. Този език се състои от тагове. Таговете за групиране на div и span в HTML. Те се използват за дефиниране на раздел в документ. Тази статия обяснява разликата между таговете div и span. Разликата между div и span е, че div е елемент на ниво блок, докато span е вграден елемент.
Изтеглете PDF файла div vs span
Можете да изтеглите PDF версията на тази статия и да я използвате за офлайн цели според бележката към цитата. Моля, изтеглете PDF версията тук: Разлика между div и span