Cемантические элементы
Описание
Семантика — это смысловое значение слов.
Семантические теги предназначены для того, чтобы компьютерные программы (поисковые системы, сборщики информации, речевые браузеры и т.д.) понимали, какой тип информации заложен в данных тегах. Они помогают создавать структурированный и понятный код, что облегчает разработку и поддержку сайтов.
Семантические элементы HTML5 поддерживаются во всех современных браузерах. Политика спецификации HTML5 заключается в том, чтобы каждый HTML-тег имел свою семантику.
Ниже в таблице приведен полный список семантических тегов.
Таблица
| Тег | Описание |
|---|---|
| Тег <article> | Раздела страницы, содержащий завершенную, независимую композицию |
| Тег <aside> | Контент в стороне, где содержимое не является основным на странице по смыслу |
| Тег <details> | Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть |
| Тег <figcaption> | Заголовок/описание для тега <figure> |
| Тег <figure> | Контейнер для группирования любых элементов (иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.) |
| Тег <footer> | Определяет нижний колонтитул («подвал») веб-сайта или раздела |
| Тег <h1>-<h6> | Заголовки разного уровня: <h1>, <h2>, <h3>, <h4>, <h5> и <h6>. Тег <h1> является наиболее важным заголовком первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значимым |
| Тег <header> | Задаёт «шапку» сайта или верхнюю часть раздела веб-страницы |
| Тег <main> | Контейнер для основного содержимого документа |
| Тег <mark> | Выделяет фрагменты текста, помечая их желтым фоном |
| Тег <nav> | Контейнер для навигационных элементов по веб-странице или по всему сайту |
| Тег <section> | Определяет логическую область (раздел) страницы, обычно с заголовком |
| Тег <span> | Контейнер для строчных элементов. Предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью CSS стилей |
| Тег <style> | Применяется для вставки в HTML-документ CSS кода |
| Тег <summary> | Создаёт видимый заголовок для контейнера <details> |
| Тег <time> | Используется для указания даты и/или времени |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.