---
title: Semantic HTML Elements
localeTitle: Семантические элементы HTML
---
## Семантические элементы HTML
Элемент `` отмечает текст как подчеркнутый над текстом вокруг него. Как правило, браузер выделяет _курсивом курсивом_ , но вы можете добавлять другие стили с помощью CSS.
Семантические элементы HTML предоставляют смысл браузерам, разработчикам и пользователям сайта. В отличие от таких элементов, как `` или `
` , семантические элементы, такие как `` и `` более четко объясняют цель каждого раздела веб-сайта.
### Зачем использовать семантические элементы?
Разработчики используют семантические элементы для улучшения следующего:
* доступность: помощь вспомогательным технологиям читать и интерпретировать вашу веб-страницу
* возможность поиска: компьютеры помогают понять ваш контент
* интернационализация: только 13% мира являются носителями английского языка
* интероперабельность: помогите другим программистам понять структуру вашей веб-страницы 1
### Полезные семантические элементы
* `` определяет заголовок для документа или раздела
* `` определяет нижний колонтитул для документа или раздела
* `` определяет ссылки навигации в документе
* `` определяет основное содержание документа
* `` определяет раздел в документе - спецификация определяет это как «тематическую группировку контента, как правило, с заголовком», поэтому вы можете думать о нем как о том, как главу
* `` определяет статью в документе
* `` определяет контент, кроме содержимого страницы
* `` определяет контактную информацию для автора / владельца документа или статьи
* `` определяет автономный контент, например иллюстрации, диаграммы, фотографии, блоки кода и т. д. 2
### Малоизвестные семантические элементы
* `` определяет раздел текста, который может быть отформатирован в другом направлении от другого текста (например, цитата на иврите или арабском языке в англоязычной статье)
* `` определяет дополнительные сведения, которые люди могут просматривать или скрывать (например, всплывающие подсказки)
* `` определяет диалоговое окно или окно
* `` определяет подпись для ``
* `` определяет выделенный или выделенный текст.
* `` определяет команду / пункт меню, которую пользователь может выбрать из всплывающего меню
* `` определяет скалярное измерение в пределах известного диапазона (калибр)
* `` определяет ход выполнения задачи
* `` определяет, что показывать в браузерах, которые не поддерживают рубиновые аннотации
* `` определяет объяснение / произношение символов (для восточно-азиатской типографии)
* `` определяет рубиновую аннотацию (для восточно-азиатской типографии)
* `` определяет видимый заголовок элемента ``
* `` определяет дату / время
* `` определяет возможный разрыв строки 2
### источники
1. [Ли, Мишель. «Обзор семантики HTML5». _CodePen_ . 16 февраля 2016. Доступ: 24 октября 2017 г.](https://codepen.io/mi-lee/post/an-overview-of-html5-semantics)
2. [Бидокс, Винсент. «Семантические элементы HTML5 и Webflow: основное руководство». _Webflow_ . 16 декабря 2016. Доступ: 24 октября 2017 г.](https://webflow.com/blog/html5-semantic-elements-and-webflow-the-essential-guide)
#### Дополнительная информация:
Для получения дополнительной информации: https://codepen.io/mi-lee/post/an-overview-of-html5-semantics
Обратитесь к [статье MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em) .