Элементы HTML5, используемые на уровне семантики текста
Ниже приведены элементы HTML5, используемые на уровне семантики текста.
Тег(элемент) | Описние тега | Пример |
---|---|---|
mark
|
Если нам требуется сделать смысловой акцент на тексте, не прибегая к его визуальному выделению, можно воспользоваться тегом
mark Как видите, в браузере Chrome и Firefox фоновый цвет текста внутри mark выделяется желтым цветом.
|
данные текст обернут в тег mark |
time
|
Тег time используется для даты, времени или и для того и другого
Атрибуты
|
|
meter
|
Используется для определения числового значения из определенного интервала Атрибуты
|
<meter value="5" max="100" low="10" high="60">
Низкая
</meter> |
progress
|
Показывает степень завершенности текущего прогресса.
Использовать можно для отслеживания индикации, например, загрузки файла, изображения
и т.д.
Атрибуты
|
<progress max="100" value="55">
Загружено на <span id="value">55 </span>%
</progress> |
Ниже приведены элементы (также на уровне семантики текста) введенные до стандарта HTML5, но которые вы, возможно, до сих пор использовали не часто, а следовало бы.
del
Элемент del
покаывает, что текст (обернутый в тег del
) в новой версии документа был удален. Обычно браузера перечеркиват текст обернутый в тег del
ins
Противоположность элементу del
: предназначен для выделения текста, который был добавлен в новую версию документа. Обычно браузера подчеркивают текст обернутый в тег ins
Комментарии к статье