HTML е широко използван език за разработване на уеб страници. Тя означава Hyper Text Markup Language. Терминът Hyper се отнася до свързване с други уеб ресурси в интернет. Терминът Маркиране се отнася до способността за създаване на форматиран текст с изображения и други мултимедийни ресурси. Хипервръзките са основните компоненти в 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. Какво е педя
4. Прилики между div и span
5. Паралелно сравнение - div срещу span в таблична форма
6. Резюме
Всички html документи започват с декларация за типа на документа. Днес най-разпространената версия на HTML е HTML5. Следователно, декларацията за типа е. Всички html тагове трябва да бъдат включени в и маркерите. Необходимите подробности за уеб страницата са включени в маркера. Видимата уеб страница е написана вътре в маркера. Има маркери за всяка цел. Най-
таг се използва за параграфи. Най-
Това е параграф
.Фигура 01: HTML5
Всеки HTML елемент има стойност по подразбиране на дисплея в зависимост от типа на елемента. Стойностите на дисплея по подразбиране могат да бъдат блокови или вградени. Елементите на ниво блок винаги започват с нов ред. Тези елементи заемат цялата налична ширина. Някои примери за елементи на ниво блок са
, ,
Тагът div също е елемент на ниво блок в HTML. Синтаксисът е следният.
Здравей свят!Елементите div са контейнер за други елементи. Следователно, набор от елементи може да бъде опакован в елемента div. Когато се използва с Cascading Style Sheet (CSS), div tag може да се използва за стилизиране на блок от съдържание. Вижте по-долу част от кода.
Два параграфа са вътре в тага div. Цялото съдържание вътре в div tag има фона цвят черен и цвета на шрифта бял.
За разлика от елементите на ниво блок, вградените елементи не започват на нов ред. Той отнема само необходимата ширина. Някои примери за вградени елементи са , ,
и .
Span етикетът също е вграден елемент в HTML. Синтаксисът е следният.
Здравей свят!
Фигура 02: маркер div и span
Маркерът span се използва като контейнер за някакъв текст. Този маркер може да се използва и с CSS. Следователно, част от текста може да бъде оформена. Вижте по-долу примера. 'Параграф1' е вътре в маркера span. Цветът се добавя с помощта на атрибут CSS стил.
div vs span | |
Div е HTML таг, който определя деление или раздел в HTML документ. | Span е HTML таг, който се използва за групиране на вградени елементи в HTML документ. |
употреба | |
Тагът div се използва като контейнер за други елементи. | Маркерът span се използва като контейнер за някакъв текст. |
Нова линия | |
Тагът div започва с нов ред. | Маркерът span не започва с нов ред. |
Необходима ширина | |
Тагът div ще заеме цялата ширина. | Периодът на span ще вземе само необходимата ширина. |
Синтаксис | |
HTML означава Hyper Text Markup Language. Използва се за разработване на уебсайтове. Този език се състои от тагове. Тагове за групиране div и span в HTML. Те се използват за определяне на раздел в документ. Тази статия обясни разликата между тагове div и span. Разликата между div и span е, че div е елемент на ниво блок, докато span е вграден елемент.
Можете да изтеглите PDF версията на тази статия и да я използвате за офлайн цели, съгласно цитираната бележка. Моля, изтеглете PDF версията тук: Разлика между div и span
1.tutorialspoint.com. „HTML блокове.“ Точката, налична тук
2.HTML блокови и вградени елементи. Налични тук
1.'HTML5 лого и словесен знак'By W3C, (CC BY 3.0) през Wikimedia на Commons