ключ Разница - div против пролет
 

HTML является широко используемым языком для разработки веб-страниц. Он обозначает язык гипертекстовой разметки. Термин 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. При использовании с каскадной таблицей стилей (CSS) тег div можно использовать для стилизации блока содержимого. Обратитесь к приведенному ниже коду.

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

Что такое пролет?

В отличие от элементов уровня блока, встроенные элементы не начинаются с новой строки. Требуется только необходимая ширина. Некоторые примеры встроенных элементов , ,
и .

Тег 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 будет занимать только необходимую ширину.
Синтаксис

Резюме - ДИВ против пролет 

HTML расшифровывается как Hyper Text Markup Language. Используется для разработки сайтов. Этот язык состоит из тегов. Теги div и span grouping в 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) через Commons Wikimedia