Атрибут title тега <em>
Описание
Атрибут title в теге <em> добавляет всплывающую подсказку к выделенному тексту, которая появляется при наведении курсора. Это полезно для пояснения причины выделения или добавления контекста.
<p>
Важно: <em title="Это требование закона №XXX-ФЗ">
все пользователи должны подтвердить email</em> перед использованием сервиса.
</p>
Когда использовать:
- Чтобы объяснить, почему текст выделен курсивом
- Для добавления юридических или технических пояснений
- Чтобы указать источник цитаты или факта
- Для скрытого комментария автора к выделенному тексту
Советы по оформлению:
<style>
em[title] {
border-bottom: 1px dotted #666;
cursor: help;
}
</style>
<p>
Результаты <em title="На основе исследования 1984 года">значительно улучшились</em>
по сравнению с прошлым годом.
</p>
Важно:
- Не заменяйте этим атрибутом нормальное пояснение в тексте
- На мобильных устройствах подсказка может не отображаться
- Для программ чтения с экрана используйте
aria-labelвместе с title
Примечание: В теге <em> атрибут title особенно полезен в академических и технических текстах, где важно пояснять причины выделения терминов без загромождения основного текста.