Разлика между div и span

ключ Разлика - div срещу педя
 

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. Резюме

Какво е div?

Всички 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 стил.

Това е параграф1

Какви са приликите между div и span?

  • Както div, така и span групират маркери в HTML.
  • И div и span съдържат началния и крайния маркер.
  • И div, и span могат да имат атрибут на стил.

Каква е разликата между div и span?

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 файла на div vs span

Можете да изтеглите PDF версията на тази статия и да я използвате за офлайн цели, съгласно цитираната бележка. Моля, изтеглете PDF версията тук: Разлика между div и span 

справка:

1.tutorialspoint.com. „HTML блокове.“ Точката, налична тук  
2.HTML блокови и вградени елементи. Налични тук 

С любезност на изображенията:

1.'HTML5 лого и словесен знак'By W3C, (CC BY 3.0) през Wikimedia на Commons