Тег <dfn>: термин в месте его определения
Dfn отмечает определяемый термин в том фрагменте, где объясняется его значение. Он не превращает каждое употребление слова в определение и не создаёт всплывающий словарь автоматически.
Назначение
Dfn отмечает определяемый термин в том фрагменте, где объясняется его значение. Он не превращает каждое употребление слова в определение и не создаёт всплывающий словарь автоматически.
Как это работает
Поместите термин и его объяснение в понятный контекст, например один абзац. Id позволяет сослаться на определение из другой части страницы. Для набора терминов можно дополнительно использовать список описаний.
Пример
<p><dfn id="term-viewport">Область просмотра</dfn> — видимая область, в которой браузер показывает документ.</p>
<p>При проверке адаптивности измените ширину <a href="#term-viewport">области просмотра</a>.</p>Что должно получиться
Первое употребление помечено как определение, второе ведёт к нему обычной ссылкой. Читателю не требуется наводить мышь, чтобы прочитать объяснение.
Граница применения и частая ошибка
Не прячьте единственное определение в title: такой текст неудобно получать на сенсорных устройствах и клавиатурой. Dfn не проверяет правильность формулировки. Для технического термина важно учитывать контекст и границы упрощения.
Самостоятельная проверка
Добавьте ещё два определения с уникальными id. Проверьте переходы по ссылкам и убедитесь, что каждый термин объяснён рядом с местом разметки. Не размечайте как определения все повторения одного слова.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.