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

Съдържание:

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

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

Видео: Разлика между div и span
Видео: Div und Span in CSS - HTML Tutorial | CSS lernen für Anfänger 2024, Ноември
Anonim

Ключова разлика – 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 е вграден елемент.

Какво е div?

Всички html документи започват с декларация за тип документ. Днес най-разпространената версия на HTML е HTML5. Следователно декларацията за тип е. Всички html тагове трябва да бъдат включени в таговете и. Необходимите подробности за уеб страницата са включени в тага. Видимата уеб страница е написана вътре в етикета. Има етикети за всяка цел.

tag се използва за абзаци.

,

и др. се използват за заглавия. Съдържанието в началния и крайния таг е известно като елемент. напр.

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

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

Фигура 01: HTML5

Всеки HTML елемент има стойност за показване по подразбиране в зависимост от типа на елемента. Стойностите за показване по подразбиране могат да бъдат блокови или вградени. Елементите на ниво блок винаги започват с нов ред. Тези елементи заемат цялата налична ширина. Някои примери за елементи на ниво блок са, и

Тагът div също е елемент на ниво блок в HTML. Синтаксисът е както следва.

Здравей свят!

Елементът div е контейнер за други елементи. Следователно набор от елементи може да бъде пакетиран в елемента div. Когато се използва с Cascading Style Sheet (CSS), етикетът div може да се използва за стилизиране на блок от съдържание. Вижте частта от кода по-долу.

Разлика между div и span_Фигура 03
Разлика между div и span_Фигура 03

Два абзаца са вътре в тага div. Цялото съдържание в тага div има черен фонов цвят и бял цвят на шрифта.

Какво е span?

За разлика от елементите на ниво блок, вградените елементи не започват на нов ред. Отнема само необходимата ширина. Някои примери за вградени елементи са,, и

Ключова разлика между div и span
Ключова разлика между div и span

Тагът span също е вграден елемент в HTML. Синтаксисът е както следва.

Здравей свят!

Фигура 02: таг div и span

Тагът span се използва като контейнер за някакъв текст. Този етикет може да се използва и с CSS. Следователно част от текста може да бъде стилизирана. Вижте примера по-долу. Параграфът 1 е вътре в тага span. Цветът се добавя с помощта на CSS style атрибут.

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

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

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

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

div срещу span

Div е HTML таг, който дефинира раздел или секция в HTML документ. Span е HTML таг, който се използва за групиране на вградени елементи в HTML документ.
Използване
Тагът div се използва като контейнер за други елементи. Тагът span се използва като контейнер за някакъв текст.
Нов ред
Тагът div започва с нов ред. Тагът span не започва с нов ред.
Изисквана ширина
Тагът div ще заеме цялата ширина. Тагът span ще вземе само необходимата ширина.
Синтаксис

Резюме – div срещу span

HTML означава Hyper Text Markup Language. Използва се за разработване на уебсайтове. Този език се състои от тагове. Етикетите за групиране div и span в HTML. Те се използват за определяне на раздел в документ. Тази статия обяснява разликата между тагове div и span. Разликата между div и span е, че div е елемент на ниво блок, докато span е вграден елемент.

Изтеглете PDF файла на div срещу span

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

Препоръчано: