Ключ Різниця - дів проти проліт
 

HTML - це широко використовувана мова для розробки веб-сторінок. Він розшифровується як мова розмітки тексту гіпер. Термін Hyper означає посилання на інші веб-ресурси в Інтернеті. Термін "Розмітка" відноситься до здатності створювати відформатований текст із зображеннями та іншими мультимедійними ресурсами. Гіперпосилання - це основні компоненти HTML, завдяки яким усі веб-ресурси з'єднуються. Існує кілька версій HTML. Це HTML 2.0, 3.2, 4.01 та HTML5. В основному HTML - це текстовий документ з тегами. Це вказує веб-браузеру спосіб побудови веб-сторінки для її відображення. Div та span - два теги в HTML. Кожен елемент HTML має значення відображення за замовчуванням, залежно від типу елемента. Отже, вони можуть бути блоковими або вбудованими елементами. У цій статті йдеться про різницю між div та span. The ключова різниця між div і span це те, що div - елемент рівня блоку, а span - вбудований елемент.

ЗМІСТ

1. Огляд та ключові відмінності
2. Що є дів
3. Що таке проліт
4. Подібність між дівом та прольотом
5. Порівняльне порівняння - діл проти прольоту у формі таблиці
6. Підсумок

Що є дів?

Усі html-документи починаються з декларації про тип документа. На сьогодні найпоширенішою версією HTML є HTML5. Тому декларація типу є. Усі теги html повинні бути включені всередині тегів та. Необхідні деталі веб-сторінки містяться всередині тегу. Видима веб-сторінка написана всередині тегу. Є теги для кожної мети. The

Тег використовується для абзаців. The

,

тощо використовуються для заголовків. Вміст всередині початкового та кінцевого тегів відомий як елемент. напр.

Це абзац

.

Малюнок 01: HTML5

Кожен елемент HTML має значення відображення за замовчуванням, залежно від типу елемента. Значення відображення за замовчуванням можуть бути блоковими або вбудованими. Елементи рівня блоку завжди починаються з нового рядка. Ці елементи займають цілу доступну ширину. Деякі приклади елементів рівня блоку є

, ,

---

і .

Тег div також є елементом рівня блоку в HTML. Синтаксис такий.

Привіт Світ!

Елементи div є контейнером для інших елементів. Тому набір елементів можна упакувати в елемент div. Якщо використовується з каскадним табличним стилем (CSS), тег div може бути використаний для стилю блоку вмісту. Перегляньте фрагмент коду нижче.

Два абзаци знаходяться всередині тегу div. Весь вміст всередині тегу div має колір тла чорний та колір шрифту білий.

Що таке проліт?

На відміну від елементів рівня блоку, вбудовані елементи не починаються з нового рядка. Він займає лише необхідну ширину. Деякі приклади вбудованих елементів є , ,
і .

Тег span також є вбудованим елементом у HTML. Синтаксис такий.

Привіт Світ!

Малюнок 02: тег Div та Span

Тег span використовується як контейнер для деякого тексту. Цей тег також можна використовувати з CSS. Тому частина тексту можна стилізувати. Нижче наведено приклад. "Абзац1" знаходиться всередині тегу "span". Колір додається за допомогою атрибуту стилю CSS.

Це пункт1

Які схожість між div та span?

• І div, і span групують теги в HTML.
• І div, і span містять початковий і закінчуючий теги.
• І div, і span можуть мати атрибут стилю.

Яка різниця між дівом та прольотом?

div vs span
Div - це тег HTML, який визначає поділ або розділ у документі HTML.	Проміжок - це тег HTML, який використовується для групування вбудованих елементів у документі HTML.
Використання
Тег div використовується як контейнер для інших елементів.	Тег span використовується як контейнер для деякого тексту.
Нова лінія
Тег div починається з нового рядка.	Тег span не починається з нового рядка.
Необхідна ширина
Тег div буде приймати всю ширину.	Тег "span" займе лише потрібну ширину.
Синтаксис

Підсумок - дів проти проліт 

HTML розшифровується як мова розмітки гіпертексту. Він використовується для розробки веб-сайтів. Ця мова складається з тегів. Теги групування 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 логотип та словесний знак 'W3C, (CC BY 3.0) через Wikimedia Commons