Блоковые элементы и элементы строки HTML

Элементы HTML можно комбинировать с помощью <div> и <span>.

Блочные элементы HTML

Большинство элементов HTML определены как блочные элементы или инлайновые элементы.

Комментатор: «Блочный элемент» переведено как block level element, «инлайновый элемент» переведено как inline element.

Блочные элементы обычно начинаются с новой строки при отображении в браузере (и заканчиваются).

Примеры: <h1>, <p>, <ul>, <table>

Инлайновые элементы HTML

Инлайновые элементы обычно не начинаются с новой строки при отображении.

Примеры: <b>, <td>, <a>, <img>

Элемент <div> HTML

Элемент <div> HTML является блочным элементом и может использоваться в качестве контейнера для других элементов HTML.

Элемент <div> не имеет определенного значения.除此以外, из-за того, что он является блочным элементом, браузер отображает отступы перед и после него.

Когда используется вместе с CSS, элемент <div> может быть использован для установки стилевых свойств для больших блоков контента.

Другое обычное использование элемента <div> - документация макета. Он заменил старый метод использования таблиц для определения макета. Использование элемента <table> для макета документа не является правильным использованием таблицы. Функция элемента <table> - отображение табличных данных.

Элемент <span> HTML

Элемент <span> HTML является инлайновым элементом и может использоваться в качестве контейнера для текста.

Элемент <span> не имеет определенного значения.

Когда используется вместе с CSS, элемент <span> может быть использован для установки стилевых свойств для части текста.

Групповые теги HTML

Тег Описание
<div> Определение раздела или главы (раздела/секции) в документе.
<span> Определение span, используемое для комбинирования инлайновых элементов документа.