Атрибут lang тега <mark>

Описание

Атрибут lang для тега <mark> указывает язык выделенного фрагмента текста. Это помогает браузерам и вспомогательным технологиям правильно интерпретировать и обрабатывать текст.

Пример использования:
<p> В этом предложении выделено <mark lang="en">English word</mark> и <mark lang="fr">mot français</mark>. </p>

Основные значения:

Значение Язык Пример
lang="en" Английский <mark lang="en">text</mark>
lang="fr" Французский <mark lang="fr">texte</mark>
lang="de" Немецкий <mark lang="de">Text</mark>

Пример с CSS для разных языков:

<style> mark[lang="en"] { background-color: #e3f2fd; } mark[lang="fr"] { background-color: #f3e5f5; } mark[lang="de"] { background-color: #e8f5e9; } </style> <p> Выделения: <mark lang="en">English</mark>, <mark lang="fr">Français</mark>, <mark lang="de">Deutsch</mark>. </p>

Рекомендации по использованию:

  • Используйте стандартные коды языков (ISO 639-1)
  • Для основного содержания указывайте язык на элементе <html>
  • Размечайте только фрагменты на других языках
  • Сочетайте с атрибутом translate для управления переводом

Ограничения и совместимость:

  • Поддерживается всеми современными браузерами
  • Влияет на произношение в скринридерах
  • Может изменять отображение кавычек и переносов
  • Не изменяет направление текста (для этого используйте dir)

Примечание: Атрибут lang особенно важен для многоязычных документов и правильного отображения текста. Для учебных материалов и технических документов с иностранными терминами он помогает сохранять семантическую целостность контента.