Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Как указать язык страницы

Короткий ответ

Укажите язык атрибутом lang у элемента <html>:

<!DOCTYPE html>
<html lang="en">
  <body>
    <p>The whole page is in English.</p>
  </body>
</html>

Код языка — короткий: en, ru, de, fr. Можно уточнить регион: en-GB, pt-BR.

Зачем это нужно

  • Программа чтения с экрана выбирает правильное произношение.
  • Браузер правильно расставляет переносы (hyphens: auto) и кавычки элемента <q>.
  • Браузер не предлагает перевести страницу, написанную на языке пользователя, и правильно определяет, с какого языка переводить.
  • Поисковики точнее понимают, кому показывать страницу.

Фрагмент на другом языке

Если внутри страницы встречается фраза на другом языке, отметьте её тем же атрибутом:

<p lang="en">The French say <span lang="fr">bon appétit</span> before a meal.</p>

Частая ошибка

Шаблон страницы скопировали с lang="en", а текст на сайте русский. Скринридер читает русские слова с английским произношением, и понять его почти невозможно, а переносы и кавычки расставляются по чужим правилам. Проверьте lang в шаблоне каждого нового проекта.

Функции из этого ответа

  • lang — Язык содержимого элемента.
  • <html> — Корневой элемент страницы: внутри него находятся `<head>` и `<body>`.
  • hyphens — Автоматический перенос слов по слогам в конце строки.
  • <q> — Короткая цитата внутри строки; браузер сам добавляет кавычки.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.