Html lang ru: HTML head lang ru en коды языка

 предыдущий следующий содержимое   элементы   атрибуты   индекс

Содержание

1. Указание языка содержимого: атрибут языка
   1. Коды языков
   2. Наследование языковых кодов
   3. Интерпретация языка коды
2. Указание направления текста и столы: дир атрибут
   1. Введение в двунаправленный алгоритм
   2. Наследование направления текста информация
   3. Установка направления встроенного текст
   4. Переопределение двунаправленного алгоритма: БДО элемент
   5. Ссылки на символы для направленности и входной контроль
   6. Влияние таблиц стилей на двунаправленность

В этом разделе документа обсуждаются два важных вопроса, влияющих на интернационализация HTML: указание языка ( язык атрибут) и направление (т. dir атрибут) текста в документе.

Определения атрибутов

язык = код языка [CI]

Этот атрибут указывает базовый язык значений атрибута элемента и текстовое содержание. Значение по умолчанию этого атрибута неизвестно.

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

• Помощь поисковым системам
• Вспомогательные синтезаторы речи
• Помощь пользовательскому агенту в выборе вариантов глифов для высококачественной типографики
• Помощь пользовательскому агенту в выборе набора кавычек
• Помощь пользовательскому агенту в принятии решений о переносах, лигатурах и интервалах
• Помощь программам проверки орфографии и грамматики

Атрибут lang указывает язык содержимого элемента и значения атрибутов; актуально ли это для данного атрибута зависит от синтаксиса и семантики атрибута и задействована операция.

Целью атрибута lang является предоставление агентам пользователя возможности отображать содержание более осмысленно, основанное на принятой культурной практике для данного язык. Это не означает, что пользовательские агенты должны отображать символы, которые нетипичны для конкретного языка менее значимыми способами; пользовательские агенты должен сделать все возможное, чтобы отобразить все символы, независимо от значения, указанного lang .

Например, если символы греческого алфавита появляются посреди Английский текст:

Ее сверхспособности были результатом
γ-излучение, объяснил он.
 

пользовательский агент (1) должен попытаться отобразить содержимое на английском языке в соответствующем способом (например, при обращении с кавычками) и (2) должен максимально попытаться отобразить γ, даже если это не английский символ.

См. раздел неотображаемые символы для связанной информации.

8.

Значение атрибута lang — это код языка, который идентифицирует естественный язык, на котором говорят, пишут или иным образом используют для общения информации среди людей. Компьютерные языки явно исключены из языковые коды.

[RFC1766] определяет и объясняет коды языков, которые должны использоваться в HTML. документы.

Вкратце, языковые коды состоят из основного кода и, возможно, пустого серия субкодов:

        код языка = первичный код ("-" субкод)*
 

Вот несколько примеров языковых кодов:

• "en": английский
• "en-US": версия английского языка для США.
• "en-cockney": английская версия кокни.
• «и-навахо»: язык навахо, на котором говорят некоторые коренные американцы.
• «x-klingon»: первичный тег «x» указывает на экспериментальный язык. тег

Двухбуквенные первичные коды зарезервированы для языка [ISO639]. сокращения. Двухбуквенные коды включают fr (французский), de (немецкий), it (итальянский), nl (голландский), el (греческий), es (испанский), pt (португальский), ar (арабский), he (иврит), ru (русский), zh (китайский), ja (японский), hi (хинди), ur (урду) и са (санскрит).

Любой двухбуквенный субкод считается страной [ISO3166]. код.

8.1.2 Наследование языковых кодов

Элемент наследует информацию о коде языка в соответствии со следующим порядок старшинства (от высшего к низшему):

В этом примере основным языком документа является французский ("fr"). Один абзац объявляется на испанском ("es"), после чего основной язык возвращается на французский язык. В следующем абзаце есть встроенный японский язык ("ja"). фраза, после которой основной язык возвращается к французскому.

<ГОЛОВА>


<ТЕЛО>
  ...Интерпретируется как французский... 
  ...Интерпретируется как испанский... 
  ...Снова интерпретируется как французский... 
  ...Французский текст прерывается  some
         Японский  Здесь снова начинается французский. .. 


 

Примечание. Ячейки таблицы могут наследовать язык значения не из его родителя, а из первой ячейки в диапазоне. Пожалуйста, проконсультируйтесь раздел о выравнивании наследство для деталей.

8.1.3 Интерпретация языковых кодов

В контексте HTML код языка должен интерпретироваться пользовательскими агентами. как иерархия токенов, а не одиночный токен. Когда пользовательский агент настраивает рендеринг в соответствии с информацией о языке (скажем, путем сравнения таблицы стилей языковые коды и lang ), он всегда должен отдавать предпочтение точному совпадению, но также следует считать достаточным совпадение первичных кодов. Таким образом, если Значение атрибута lang "en-US" установлено для HTML элемент, пользовательский агент должен предпочесть информацию о стиле, которая соответствует "en-US" сначала, затем более общее значение "en".

Примечание. Иерархия языковых кодов не гарантирует, что все языки с общим префиксом будут понятны тем, кто свободно владеет одним или больше этих языков. Они позволяют пользователю запрашивать эту общность, когда это правда для этого пользователя.

Определения атрибутов

dir = LTR | РТЛ [КИ]

Этот атрибут указывает базовое направление направленно-нейтрального текста (т. е. текст, который не имеет внутренней направленности, как определено в [UNICODE]) в содержимом элемента и значениях атрибутов. Он также указывает направленность таблиц. Возможные значения:

• LTR : Текст или таблица слева направо.
• РТЛ : Текст или таблица с написанием справа налево.

В дополнение к указанию языка документа с помощью lang атрибут, авторам может потребоваться указать базу направленность (слева направо или справа налево) частей текст документа, структура таблицы и т. д. Это делается с помощью dir атрибут.

Спецификация [UNICODE] назначает направленность символам и определяет (сложный) алгоритм для определения правильной направленности текст. Если документ не содержит отображаемого символа с направлением справа налево, соответствующий пользовательский агент не требуется для применения двунаправленного [UNICODE] алгоритм. Если документ содержит символы, написанные справа налево, и если пользователь агент отображает эти символы, пользовательский агент должен использовать двунаправленный алгоритм.

Хотя в Юникоде указаны специальные символы, определяющие направление текста, HTML предлагает конструкции разметки более высокого уровня, которые делают то же самое: dir атрибут (не путать с элементом DIR ) и BDO элемент. Таким образом, чтобы выразить цитату на иврите, более интуитивно писать

  ...цитата на иврите...  
 

, чем эквивалент со ссылками Unicode:

‫״  . ..цитата на иврите...  ״‬
 

Пользовательские агенты должны , а не использовать язык атрибут для определения направления текста.

Атрибут dir наследуется и может быть переопределен. Пожалуйста, проконсультируйтесь с раздел о наследовании направления текста информация для деталей.

8.2.1 Введение в двунаправленный алгоритм

Следующий пример иллюстрирует ожидаемое поведение двунаправленного алгоритм. Он включает в себя английский язык, шрифт слева направо и иврит, сценарий справа налево.

Рассмотрим следующий пример текста:

  английский2 ЕВРЕЙ2 английский4 ЕВРЕЙ4 английский5 ЕВРЕЙСКИЙ6
 

Символы в этом примере (и во всех связанных примерах) хранятся в компьютер так, как они отображаются здесь: первый символ в файле это «e», второй — «n», а последний — «6».

Предположим, преобладающий язык документа, содержащего этот абзац английский. Это означает, что основное направление — слева направо. Правильный представление этой строки будет:

английский2 2WERBEH английский4 4WERBEH английский5 6WERBEH
         <------ <------ <------
            Ч Ч Ч
-------------------------------------------------->
                       Е
 

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

Если, с другой стороны, преобладающим языком документа является иврит, основное направление справа налево. Следовательно, правильное представление:

.
6WERBEH английский5 4WERBEH английский4 2WERBEH английский2
        -------> -------> ------->
            Е Е Е
<-------------------------------------------------
                       ЧАС
 

В этом случае все предложение было написано справа налево, а встроенные английские последовательности были должным образом перевернуты двунаправленным алгоритм.

8.2.2 Наследование направления текста информация

Двунаправленный алгоритм Unicode требует основного направления текста для текста блоки. Чтобы указать базовое направление блочного элемента, установите элемент атрибут dir . Значение по умолчанию для dir атрибут "ltr" (текст слева направо).

Когда атрибут dir установлен для блочного элемента, он остается в силе на время существования элемента и любых вложенных элементов блочного уровня. Параметр Атрибут dir во вложенном элементе переопределяет унаследованное значение.

Чтобы установить основное направление текста для всего документа, установите dir атрибут элемента HTML .

Например:

<ГОЛОВА>


  ...текст справа налево. .. 
  ...текст слева направо...  
  ...снова текст справа налево...  

 

не наследуют каталог . атрибут. Это означает, что встроенный элемент без dir атрибут , а не открывает дополнительный уровень встраивания с относительно двунаправленного алгоритма. (здесь элемент считается блочный или встроенный в зависимости от представления по умолчанию. Обратите внимание, что INS и DEL элементы могут быть блочными или встроенными в зависимости от их контекста.)

8.2.3 Установка направления встроенного текста

Двунаправленный алгоритм [UNICODE] автоматически обращает встроенные последовательности символов в соответствии с их внутренней направленностью (как показано по предыдущим примерам). Однако, как правило, возможен только один уровень встраивания. быть учтены. Для достижения дополнительных уровней встроенных изменений направления, вы должны использовать атрибут dir встроенного элемента.

Рассмотрим тот же пример текста, что и раньше:

английский2 ЕВРЕЙ2 английский4 ЕВРЕЙ4 английский5 ЕВРЕЙСКИЙ6
 

Предположим, преобладающий язык документа, содержащего этот абзац английский. Кроме того, приведенное выше английское предложение содержит раздел на иврите. простирается от HEBREW2 до HEBREW4, а раздел на иврите содержит Английская цитата (english4). Таким образом, желаемое представление текста:

английский2 4WERBEH английский4 2WERBEH английский5 6WERBEH
                 ------->
                    Е
         <-----------------------
                    ЧАС
-------------------------------------------------->
                    Е
 

Чтобы добиться двух встроенных изменений направления, мы должны поставить дополнительные информации, что мы и делаем, явно ограничивая второе вложение. В этом например, мы используем элемент SPAN и атрибут dir для разметки текста:

английский2 ЕВРЕЙСКИЙ2 английский4 ЕВРЕЙСКИЙ4 английский5 ЕВРЕЙСКИЙ6
 

Авторы также могут использовать специальные символы Unicode для достижения нескольких встроенных меняется направление. Чтобы добиться встраивания слева направо, окружите встроенный текст с символами СЛЕВА НАПРАВО EMBEDDING ("LRE", шестнадцатеричный 202A) и POP НАПРАВЛЕННОЕ ФОРМАТИРОВАНИЕ ("PDF", шестнадцатеричный 202C). Чтобы добиться справа налево встраивание, объемный встроенный текст с символами ВНЕДРЕНИЕ СПРАВА-НА-ЛЕВО («RTE», шестнадцатеричное 202B) и PDF.

Использование разметки направленности HTML с Unicode персонажи. Авторы и разработчики авторского программного обеспечения должны быть известно, что могут возникнуть конфликты, если атрибут dir используется во встроенных элементы (в т.ч. БДО ) одновременно с соответствующими [UNICODE] символы форматирования. Желательно использовать тот или иной исключительно. Метод разметки обеспечивает лучшую гарантию структурности документа. целостности и устраняет некоторые проблемы при редактировании двунаправленного текста HTML с помощью простого текстового редактора, но некоторые программы могут лучше использовать [UNICODE] символы. Если используются оба метода, следует проявлять большую осторожность. осуществляется для обеспечения надлежащего вложения разметки и направленного встраивания или переопределить, в противном случае результаты рендеринга не определены.

8.2.4 Переопределение двунаправленного алгоритма: элемент

 BDO  - - (%inline;)* -- I18N BiDi over-ride -->
 язык  %LanguageCode; #ПРЕДПОЛАГАЕТСЯ -- код языка --
    dir  (ltr|rtl) #ТРЕБУЕТСЯ -- направленность --
  >
 

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

dir = LTR | РТЛ [КИ]

Этот обязательный атрибут указывает базовое направление текста элемента содержание. Это направление переопределяет присущую символам направленность, поскольку определено в [UNICODE]. Возможные значения:

• LTR : Текст слева направо.
• RTL : Текст справа налево.

Атрибуты, определенные в другом месте

• lang (информация о языке)

Двунаправленный алгоритм и атрибут dir обычно достаточны для управлять встроенными изменениями направления. Однако могут возникнуть ситуации, когда двунаправленный алгоритм приводит к неправильному представлению. БДО элемент позволяет авторам отключить двунаправленный алгоритм для выделенных фрагментов текста.

Рассмотрим документ, содержащий тот же текст, что и раньше:

английский2 ЕВРЕЙ2 английский4 ЕВРЕЙ4 английский5 ЕВРЕЙСКИЙ6
 

, но предположим, что этот текст уже приведен в порядок. Одна причина возможно, стандарт MIME ([RFC2045], [RFC1556]) отдает предпочтение визуальному порядку, т. е. такому расположению символов справа налево. последовательности вставляются в поток байтов справа налево. В электронном письме выше может быть отформатирован, включая разрывы строк, как:

английский2
4WERBEH английский5 6WERBEH
 

Это противоречит двунаправленному коду [UNICODE]. алгоритм, потому что этот алгоритм инвертировал бы 2WERBEH, 4WERBEH и 6WERBEH во второй раз, показывая еврейские слова слева направо, а не справа налево.

В этом случае решение состоит в том, чтобы переопределить двунаправленный алгоритм с помощью поместить выдержку из электронной почты в элемент PRE (для сохранения разрывов строк) и каждый строка в Элемент BDO , чей атрибут dir имеет значение . LTR :

<ПРЕД>
английский2 2ВЕРБЕХ английский4
4WERBEH английский5 6WERBEH

 

Это сообщает двунаправленному алгоритму "Оставьте меня слева направо!" и будет произвести желаемую презентацию:

английский2
4WERBEH английский5 6WERBEH
 

Элемент BDO следует использовать в сценариях, где абсолютный контроль над требуется порядок следования (например, многоязычные номера деталей). Атрибут dir является обязательным для этого элемента.

Авторы также могут использовать специальные символы Unicode для переопределения двунаправленный алгоритм -- ОТМЕНА СЛЕВА НАПРАВО (202D) или СПРАВА НАЛЕВО ЗАМЕНА (шестнадцатеричный 202E). НАПРАВЛЕННОЕ ФОРМАТИРОВАНИЕ POP (шестнадцатеричное 202C) символ завершает двунаправленное переопределение.

Примечание. Напомним, что конфликты могут возникнуть, если каталог атрибут используется во встроенных элементах (включая BDO ) одновременно с атрибутом соответствующие символы форматирования [UNICODE].

Двунаправленность и кодировка символов Согласно [RFC1555] и [RFC1556], существуют специальные соглашения по использованию значения параметра "charset" для указания двунаправленной обработки в почте MIME, в в частности, чтобы различать визуальные, неявные и явные направленность. Значение параметра "ISO-8859-8" (для иврита) обозначает визуальное кодирование, «ISO-8859-8-i» обозначает неявную двунаправленность, а «ISO-8859-8-e» обозначает явную направленность.

Поскольку HTML использует алгоритм двунаправленности Unicode, соответствующий документы, закодированные с использованием ISO 8859-8, должны быть помечены как «ISO-8859-8-i». Явный управление направлением также возможно с помощью HTML, но не может быть выражено с помощью ISO 8859-8, поэтому «ISO-8859-8-e» не следует использовать.

Значение "ISO-8859-8" подразумевает, что документ отформатирован визуально, неправильное использование некоторой разметки (например, ТАБЛИЦА с выравниванием по правому краю и без переноса строк) чтобы обеспечить разумное отображение в старых пользовательских агентах, которые не обрабатывают двунаправленность. Такие документы не соответствуют настоящей спецификации. При необходимости их можно привести в соответствие с текущей спецификацией (а при то же самое время будет правильно отображаться в старых пользовательских агентах), добавив BDO разметка там, где это необходимо. Вопреки тому, что сказано в [RFC1555] и [RFC1556], ISO-8859-6 (арабский) — , а не визуальное упорядочивание.

8.2.5 Символ ссылки на направленность и управление соединением

Поскольку иногда возникают неясности относительно направленности некоторых символы (например, знаки препинания), спецификация [UNICODE] включает символы, чтобы обеспечить их правильное разрешение. Кроме того, Юникод включает некоторые символы для управления поведением присоединения, где это необходимо (например, некоторые ситуации с арабскими буквами). HTML 4 включает ссылки на эти символы.

В следующем фрагменте DTD представлены некоторые направленные сущности:

Объект zwnj используется для блокировки поведения присоединения в контекстах где присоединение произойдет, но не должно. zwj сущность делает противоположный; это заставляет присоединиться, когда этого не произошло бы, но должно. Например, Арабская буква «HEH» используется для сокращения «хиджры», названия исламского календарная система. Так как изолированная форма «HEH» выглядит как цифра пять как используется арабским шрифтом (на основе индийских цифр), чтобы предотвратить путая «HEH» как последнюю цифру пять в году, начальная форма «HEH» использовал. Однако нет следующего контекста (т. е. присоединительного письма), к которому "HEH" может присоединиться. 9Этот контекст обеспечивает символ 0751 zwj .

Точно так же в персидских текстах бывают случаи, когда буква, которая обычно присоединять последующую букву в курсивной связи не следует. символ zwnj используется для блокировки присоединения в таких случаях.

Другие символы, lrm и rlm , используются для сила направленности направленно-нейтральных персонажей. Например, если двойная кавычка ставится между арабским (справа налево) и латинским (слева направо) буква, направление кавычек непонятно (это цитируя арабский текст или латинский текст?). lrm и Символы rlm имеют свойство направления, но не имеют ширины и слова/строки. ломать имущество. Пожалуйста, обратитесь к [UNICODE] для получения дополнительной информации. Детали.

Зеркальные глифы персонажей. В целом, двунаправленный алгоритм не отражает глифы символов, а оставляет их незатронутый. Исключение составляют такие символы, как круглые скобки (см. [UNICODE], таблица 4-7). В тех случаях, когда требуется зеркальное отображение, например, для Египетские иероглифы, греческий бустрофедон или специальные дизайнерские эффекты. должны управляться стилями.

8.2.6 влияние таблиц стилей на двунаправленность

Как правило, использование таблиц стилей для изменения визуального отображения элемента с блочный уровень для встроенного или наоборот является простым. Однако, поскольку двунаправленный алгоритм опирается на встроенный/блочный уровень, необходимо соблюдать особую осторожность во время трансформация.

Когда встроенный элемент, не имеющий атрибута dir , преобразуется в стиль блочного элемента с помощью таблицы стилей, он наследует дир атрибут из ближайшего элемента родительского блока, чтобы определить базовое направление блок.

Когда элемент блока, не имеющий атрибута dir , преобразуется в стиль встроенного элемента таблицей стилей, результирующее представление должен быть эквивалентен, с точки зрения двунаправленного форматирования, форматированию получается явным добавлением атрибут dir (присвоено унаследованное значение) для трансформируемый элемент.

Атрибут lang: браузеры лгут, рассказывают сладкую ложь

опубликовано 19 октября 2020 г.

Атрибут lang является важным компонентом базовой структуры HTML-документа. Важно правильно определить его, потому что он влияет на многие аспекты взаимодействия с пользователем. К сожалению, негативные последствия отсутствия или неправильного атрибута не всегда очевидны. Австрийский новостной сайт orf.at узнал об этом на собственном горьком опыте совсем недавно.

Применительно к элементу атрибут lang определяет естественный язык страницы. Если ваш документ написан на французском языке, вы должны установить его на фр.

  
  
 … 
  
  
 … 
  
  

Эта информация используется поисковыми системами, программами чтения с экрана, расширениями для браузеров и другим программным обеспечением.

Почему атрибут lang так важен?

Адриан Роселли написал об использовании атрибута Lang, поэтому я не буду повторять все, что он говорит, но приведу несколько примеров того, как этот атрибут влияет на UX, и покажу, что произошло недавно на самом популярном австрийском веб-сайте в Австрия.

Автоматический перевод

Инструменты перевода, такие как Google Translate, могут предложить перевести содержимое страницы, если язык, определенный в элементе , не совпадает с языком по умолчанию в браузере. Кажется, не имеет значения, на каком языке на самом деле написана страница, для Google Translate важно значение lang атрибут. В следующем примере Chrome дает мне возможность перевести хорватский текст на странице, который не является хорватским, на английский, потому что я установил lang на hr .

  
  
  
 … 
  
  
 
Знает ли Барри Манилоу, что вы совершаете набег на его гардероб?
 
 < /тело> 
  

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

Вена в этом месяце участвовала в выборах для избрания (нового) муниципального правительства, и orf.at опубликовал результаты на своем веб-сайте. Они разделили результаты по округам, от 1-го округа «Внутренний город» до 23-го округа «Лизинг». Вскоре после того, как они опубликовали результаты, они получили сообщения об ошибках от пользователей, в которых говорилось, что некоторые названия районов были неправильными. При попытке воспроизвести баг заметили, что Chrome предлагает перевести страницу. Если вы просто закроете подсказку, ничего не произойдет, но если раньше вы позволяли Google Translate автоматически переводить страницы, он больше не спрашивал, а просто автоматически переводил страницу.

Страница была написана на немецком языке, но естественный язык страницы был установлен на английский язык в HTML ( en ), и поэтому пользователи Chrome, которые указали браузеру переводить английский язык на немецкий, автоматически увидели это:

Google Translate изменил название 23-го округа «Лизинг» на «Люген» (с на по-английски), а название 10-го округа с «Зиммеринг» на «Зиден» (с на по-английски). Google Translate предположил, что авторы хотели написать «лежа» (lügen по-немецки) и что «варка на медленном огне» — это не просто название, а процесс приготовления жидкостей.

Как это случилось?

Во-первых, я должен сказать, что это не имеет большого значения. Я пишу об этом просто потому, что это интересный побочный эффект проблемы, которая обычно влияет на доступность, а не на пользовательский опыт в целом.

Я знаю некоторых разработчиков на orf.at, и я также знаю, что они заботятся о качестве и доступности, так почему же это все же произошло? Конечно, потому что мы все люди, и дерьмо случается, но конкретная проблема на orf.at заключалась в том, что они используют vue-cli, который автоматически создает стандартную структуру для документов, которая устанавливает lang атрибут en по умолчанию. Разработчики этого не заметили, потому что валидаторы и инструменты автоматического тестирования доступности просто проверяют наличие атрибута и действительность значения.

Предотвращение этой ошибки

Итак, это ошибка, которую трудно обнаружить, но как мы можем предотвратить ее?

1. Фреймворки и другие установки, предлагающие шаблонную HTML-структуру, могут сделать выбор естественного языка частью процесса автоматической или ручной установки вместо установки по умолчанию. Разработчики orf.at уже создали проблему для vue-cli.
2. Документация должна включать раздел о структуре HTML-документа и объяснять, почему некоторые вещи важны и какие побочные эффекты может иметь неправильная реализация.
3. Вы можете использовать что-то вроде a11y.css для отладки вашего документа или создать свой собственный файл debug.css и добавить тесты, которые вы хотите запустить в своей среде разработки. «Тесты» звучат красиво, но это просто набор селекторов, которые показывают большую красную рамку или другие визуальные индикаторы, если есть ошибка.

Отладка атрибута lang

Есть несколько вещей, которые вы можете проверить.

1. Присутствует ли атрибут lang ? Если нет, покажите красную пунктирную рамку.

 html:not([lang]) { 
 граница: 10 пикселей с красными точками; 
 } 

Можно даже вывести сообщение об ошибке.

 html:not([lang])::before { 
 content: 'атрибут lang отсутствует'; Дисплей 
: встроенный блок; 
 фон: красный; 
 позиция: фиксированная; 
 верх: 0; 
 осталось: 0; 
 отступ: 0,3 см; 
 цвет: #fff; 
 размер шрифта: 1. 2rem; 
 } 

Отсутствует демонстрация атрибута lang на CodePen

2. Атрибут lang присутствует, но значение пустое?

 html[lang=''], 
 html[lang*=' '] { 
 граница: 10 пикселей с красной точкой; 
 } 

Демонстрация пустого атрибута lang на CodePen

3. Атрибут lang содержит правильное значение?

 html:not(:lang(en)) { 
 граница: 10 пикселей с красной точкой; 
 } 

Неверное значение в демонстрационной версии атрибута lang на CodePen

Преимущество использования псевдокласса lang() заключается в том, что этот тест будет работать, даже если значение равно en-US или en-GB , и т. д. .

Примечание. Это не будет работать на многоязычных веб-сайтах, и вам придется настраивать его для каждого проекта в зависимости от языка.

4. Собираем все вместе:

 html:not([lang]), 
 html:not(:lang(en)), 
 html[lang=''], 
 html[lang*=' '] { 
 граница: 10 пикселей с красными точками; 
 } 
 html:not([lang])::before, 
 html[lang='']::before, 
 html[lang*=' ']::before, 
 html:not(:lang(en) ::before { 
 display: inline-block; 
 фон: красный; 
 позиция: фиксированная; 
 верх: 0; 
 осталось: 0; 
 набивка: 0,3 см; 
 цвет: #fff; 
 размер шрифта: 1. 2rem; 
 } 
 
 html:not(:lang(en))::before { 
 content: 'неверное значение атрибута lang'; 
 } 
 
 html[lang='']::before, 
 html[lang*=' ']::before { 
 content: 'атрибут lang пуст'; 
 } 
 
 html:not([lang])::before { 
 content: 'атрибут lang отсутствует'; 
 } 
 

Отладка атрибута lang на CodePen

Как уже упоминалось, атрибут lang влияет не только на автоматический перевод, но и на многие другие аспекты взаимодействия с пользователем. Вот еще два примера:

Программы чтения с экрана

Средства чтения с экрана, программное обеспечение, которое люди используют для чтения контента на странице, могут выбирать другой голосовой профиль в соответствии со значением параметра 9.0050 lang атрибут. Если вы установите его на русский ( ru ), но язык страницы английский, это может звучать так, как будто кто-то говорит по-английски с сильным русским акцентом.

Стив Фолкнер записал демо, чтобы показать вам эффекты.

Кавычки

Кавычки могут меняться в зависимости от естественного языка страницы.

Кавычки на английской странице выглядят так:

Знает ли Барри Манилоу, что вы обыскиваете его гардероб?

  
  
 … 
  
  
 
Знает ли Барри Манилоу, что вы совершаете набег на его гардероб?
 
  
  

Немецкий:

Знает ли Барри Манилоу, что вы обыскиваете его гардероб?

  
  
 … 
  
  
 
Знает ли Барри Манилоу, что вы совершаете набег на его гардероб?
 
  
  

Французский:

Знает ли Барри Манилоу, что вы обыскиваете его гардероб?

  
  
 … 
  
  
 
Знает ли Барри Манилоу, что вы совершаете набег на его гардероб?
 
  
  

Вы можете узнать больше о кавычках в CSS в Вот что я не знал о «контенте».

Другие

Правильное использование значения также может повлиять на расстановку переносов, соответствие WCAG , поля ввода, проверку орфографии и выбор шрифта по умолчанию для языков CJK (китайский, японский и корейский). Подробности читайте в статье Адриана Роселлиса (и в разделе комментариев).

Соври мне, скажи мне сладкую ложь

Атрибут HTML Lang: что это такое? Почему это важно?

12 июль

12 июль

Что такое атрибут HTML lang?

Почему атрибут HTML lang важен и полезен?

Влияет ли атрибут языка HTML на SEO?

Как реализовать атрибут lang на вашем веб-сайте

Как выбрать коды языка

Распространенные ошибки при использовании HTML-тегов lang

Заключение

Атрибут lang определяет язык текстового содержимого, используемого на веб-странице. Обычно он используется, чтобы четко обозначить язык страницы, чтобы избежать путаницы.

Поисковые системы используют атрибут lang, чтобы возвращать поисковику результаты, относящиеся к определенному языку, а также сигнализирует системе чтения с экрана о необходимости переключения на другой язык.

Эта статья поможет вам понять тег lang в HTML и его важность, что он делает, как внедрить его на свой сайт и влияет ли он на SEO?

Готовы? Давайте начнем.

Атрибут языка HTML используется для определения языка текста, используемого на любой веб-странице. Основная цель этого атрибута — указать язык основного документа.

Он также используется онлайн-ридерами, которые меняют язык для отображения правильного произношения и акцента содержимого веб-страницы.

Тег HTML lang поддерживается широко используемыми веб-браузерами, такими как Chrome, Internet Explorer, Firefox, Safari и Opera.

Вот синтаксис атрибута HTML LANG:

. .

Например, если языком содержимого является английский, тогда код языка должен быть «en»: Французский язык, код языка должен быть:

В HTML 5 атрибут lang можно использовать с любым элементом HTML, например

и

.

Например, если у вас есть веб-страница, содержимое которой написано на 4 разных языках — английском, французском, русском и испанском, то правильные коды языков можно указать следующим образом:

...
<тело>


Этот абзац на английском языке.

В приведенном выше коде поисковые системы может четко понимать язык четырех разных абзацев и отображать их в поисковой выдаче, когда это необходимо.

Кроме того, программы чтения с экрана могут выбирать правильный язык и произношение для лучшей доступности для слабовидящих пользователей.

Атрибут lang в HTML имеет решающее значение, потому что он помогает поисковым системам, таким как Google, Bing, Yandex и другим, возвращать результаты для конкретного языка в поисковой выдаче.

Источник изображения: Reliablesoft

Если у вас есть несколько версий веб-страницы для разных регионов или языков, вы должны сообщить поисковым системам об этих версиях. Это поможет поисковым системам отображать лучшую версию вашего сайта в зависимости от их языка или местоположения.

Вот несколько основных причин, по которым HTML-тег lang полезен:

• Он помогает поисковым системам понять правильный язык веб-страницы. Это повышает качество результатов поиска, поскольку поисковые системы могут возвращать результаты на основе языковых предпочтений искателя.
• Расширения браузера и другое программное обеспечение, такое как средства перевода, могут использовать тег lang для отображения информации на правильном языке.
Теги
• Lang также позволяют изменять стиль содержимого в зависимости от языка. Например, вы можете установить определенный шрифт для определенного языка. Кроме того, пользовательские агенты могут автоматически выбирать шрифты в зависимости от языка документа.
• Средства чтения с экрана, синтезаторы речи и переводчики Брайля используют атрибут lang для вывода текста. В таких странах, как Великобритания, правительство обеспечивает использование правильных языковых тегов в соответствии с рекомендациями W3C по обеспечению доступности веб-сайтов.

Этот атрибут HTML lang не влияет на поисковую оптимизацию, поскольку основные поисковые системы, такие как Google и Bing, не используют этот тег для фильтрации результатов поиска по языку или местоположению.

Google использует тег hreflang для определения местоположения и языка вашего контента.

Вот синтаксис тега hreflang:

Или

900fr"1


Это веб-страница на английском языке.

Вы также можете указать язык различных абзацев в документе. В этом случае вам нужно использовать несколько языковых тегов HTML вместе.

Вот пример страницы с двумя разными языками:

Это абзац, написанный на английском языке.

Более того, если вы хотите указать язык какого-либо контента при отсутствии разметки, используйте span, bdi или div.

Вот пример: 

Скажите привет по-корейски, как 안녕하세요.

9 0003

 Коды

 

Всегда следует добавлять атрибут HTML lang, чтобы задать язык веб-страницы по умолчанию.

 

Браузеры, поисковые системы и другие приложения могут использовать эту информацию для наиболее подходящего отображения информации пользователям.

 

При работе с несколькими языками вам потребуется помощь в выборе правильных кодов для каждого местоположения.

 

Вот полный список языковых кодов ISO для каждого местоположения:

 

от

Язык	Код ISO
Абхазская	аб
Афар	аа
Африкаанс	аф
Акан	ак
Албанский	кв
Амхарский	утра
Арабский	ар
Арагонский	и
Армянский	хай
Ассамский	как
Аварик	ав
Авестийский
Аймара	и
Азербайджанский	аз
Бамбара	бм
Башкирский	или
Басков	ЕС
Белорусская	будет
Бенгальский (бангла)	млрд
Бихари	бх
Бислама	-би
Боснийский	бс
Бретонский	бр
Болгарский	бг
Бирманский	мой
Каталонский	ок
Чаморро	ч
Чеченская
Чичева, Чева, Ньянджа	нью-йоркский
Китайский	ж
Китайский (упрощенный)	ж-Ханс
Китайский (традиционный)	ж-Хант
Чувашский	резюме
Корниш	кВт
корсиканский	совместно с
Кри	кр
Хорватский	час
Чехия	кс
Датский	да
Дивехи, Дивехи, Мальдивские острова	дв
Голландский	нл
Дзонгка	дз
Английский	и
Эсперанто	эо
Эстонский	и
Овца	ее
Фарерские острова	для
Фиджийский	фдж
Финский	фи
Французский	из
Фула, Фула, Пулаар, Пулар	и далее
Галисийский	гл
Гэльский (шотландский)	гд
Гэльский (мэнский)	гв
Грузинский	ка
немецкий	из
Греческий	эль
Гренландский	кл
Гуарани	г
Гуджарати	гу
Гаитянский креольский
Хауса	га
Иврит	он
Гереро	Гц
Хинди	привет
Хири Моту	хо
Венгерский	ху
Исландский	это
Идо	ио
Игбо	иг
Индонезийский	ид, в
Интерлингва	иа
Интерлингв	т. е.
Инуктитут	иу
Инупиак	ик
Ирландский	га
Итальянский	это
Японский	и
Яванский	СП
Калааллисут, Гренландия	кл
Каннада	кн
Канури	крон
Кашмири	кс
Казахская	кк
Кхмерский	км
Кикую	ки
Киньяруанда (Руанда)	RW
Кирунди	р-н
Кыргызстан	кк
Коми	кв
Конго	кг
Корейский	ко
Курдский	ку
Кваньяма	кж
Лаос	вот
Латинский	ла
Латышский (латышский)	ур.
Лимбургский (лимбургский)	ли
Лингала	по
Литовский	л
Луга-Катанга	лю
Луганда, Ганда	лг
Люксембург	фунтов
Манкс	гв
Македонский	мк
Малагасийский	мг
малайский	мс
малаялам	мл
Мальтийский	м
Маори	миль
маратхи	г-н
Маршалловы острова	мч
Молдавский	пн
Монгольский	мин
Науру	на
Навахо	нв
Ндонга	нг
Северный ндебеле	и
Непальский	и
Норвежский	нет
Норвежский букмол	номер
Норвежский нюнорск	нн
Нуосу	II
Окситанский	ок
Оджибве	или
Старославянский, староболгарский	у. е.
Ория	или
Оромо (Афаан Оромо)	или
Осетинский	ОС
Пали	пи
Пушту, пушту	пс
Персидский (фарси)	ФА
польский	пл.
Португальский	пт
пенджаби (восточный)	па
Кечуа	или
ретороманский	п.м.
Румынский	ро
Русский	руб
Сами	се
Самоа	см
Санго	сг
Санскрит	с
Сербский	ср
сербско-хорватский	ш
Сесото	ул
Сетсвана	тн
Шона	сн
Сычуань И	II
Синдхи	сд
сингальский	и
Сисвати	нержавеющая сталь
Словацкий	ск
Словенский	сл
Сомалийский	так
Южный ндебеле	№
Испанский	эс
Суданский	и
Суахили (кисуахили)	ПО
Свати	нержавеющая сталь
Шведский	св
Тагальский	тл
Таитянский	ты
Таджикский	тг
Тамильский	та
татарский	тт
Телугу	тэ
Тайский	-й
Тибетский	бо
Тигриня	и
Тонга	до
Цонга	тс
Турецкий	т. р.
Туркменский	тк
Тви	тв
Уйгурский	уг
Украинский	Великобритания
Урду	ур
Узбекский	уз
Венда	и
Вьетнамский	ви
Волапюк	или
Валлон	ва
Валлийский	су
Волоф	или
Западно-фризский	ф.
Коса	хв
Идиш	йи, йи
Йоруба	лет
Чжуан, Чжуан	за
Зулу	по

 

Вы можете выбрать код языка в зависимости от вашего целевого местоположения и добавить его на веб-страницу.

 

Если вы хотите найти вложенные теги для региональных языков, вы можете использовать инструмент поиска языковых вложенных тегов.

 

Введите код основного местоположения вашего целевого местоположения, и инструмент автоматически выберет все связанные вложенные теги для этого местоположения.

Вот пример:

Обычные ошибки при внедрении HTML LANG TAGS

Вот некоторые из наиболее распространенных ошибок, используемых при использовании HTML Lang Attrubt:

. Вот некоторые из самых распространенных ошибок.

Использование неправильного кода языка. Например, используя ch для Китая вместо zh.

Распространенные опечатки при написании синтаксиса языковых тегов. Например, напишите вместо для английского языка и/или вместо для турецкого языка.

Добавление неправильных кодов страны, например использование кода страны перед языком. Например, является правильным, а — неверным. Язык всегда должен предшествовать коду страны. Чтобы просмотреть полный список кодов стран, вы можете посетить этот ресурс.

 

Заключение

 

HTML-атрибут lang – жизненно важный элемент вашего веб-сайта. Неважно, обслуживаете ли вы пользователей из разных мест или нет; Использование действительных атрибутов языка HTML имеет решающее значение для улучшения доступности вашего веб-сайта и взаимодействия с пользователем.

 

Если вы хотите улучшить SEO своего веб-сайта, обязательно используйте теги hreflang и теги content-language соответственно.

 

Я надеюсь, что это руководство по языку HTML помогло ответить на часто задаваемые вопросы, связанные с тегом языка HTML.

 

Удачной пометки!

Языковые коды HTML | Học web chuẩn

Mã ngôn ngữ iso

thuộc tính lang trong html ược dùng ể khai báo ngôn ngữ html trang web hay một phần của trang web, mục đ đ đ v à à à v v v k k v v v v v v v v v v wệ wyn.

Тео Кьен Нгхо Куа W3C, Бан Нен Кхай Бао Нгон Нго Чин Чо Муи Транг Веб Вой Чак Тхуок Тинь lang bên trong thành phần như sau:

Html:

...

Xhtml:

...

Mã ngôn ngữ ISO 639-1

от

Язык	Код ISO
Абхазский	аб
Афар	аа
Африкаанс	аф
Албанский	кв
Амхарский	утра
Арабский	ар
Арагонский	и
Армянский	хай
Ассамский	как
Аварик	ав
Авестийский
Аймара	и
Азербайджанский	аз
Бамбара	бм
Башкирский	или
Басков	ЕС
Белорусская	будет
Бенгальский (бангла)	млрд
Бутани	дз
Бенгальский	млрд
Бихари	кв.
Бислама	-би
Боснийский	бс
Бретонский	бр
Болгарский	бг
Бирманский	мой
Белорусский (Белорусский)	будет
Камбоджийский	км
кастильский	эс
Каталонский	ок
Чаморро	ч
Чеченская
Чероки	чр
Чева	нью-йоркский
Чичева	нью-йоркский
Китайский	ж
Чжуан	за
Церковно-славянский	у.е.
Церковнославянский	у.е.
Чувашский	резюме
Корниш	кВт
корсиканский	совместно с
Кри	кр
Хорватский	час
Чехия	кс
Датский	да
Дивехи	дв
Дивехи	дв
Голландский	№
Дзонгка	дз
Эдо	мк
Английский	и
Эсперанто	эо
Эстонский	и
Овца	ее
Фарерские острова	или
Фарси	ФА
Фиджийский	фдж
Фиджи	фдж
Финский	фи
Фламандский	нл
Французский	из
Фризский	ф. у.
Фула	и далее
Фульфульде
Гэльский	гд
Гэльский (мэнский)	гв
Галисийский	гл
Ганда	LG
Грузинский	ка
немецкий	из
Гикую	ки
Греческий	эль
Гренландский	кл
Гуарани	г
Гаитянский
Гуджарати	гу
Гаитянский креольский
Хауса	га
Гавайский
Иврит	он, ив
Гереро	Гц
Хинди	привет
Хири Моту	хо
Венгерский	ху
Ибибио
Исландский	это
Идо	ио
Игбо	иг
Индонезийский	ид, в
Интерлингва	иа
Интерлингв	т. е.
Инуктитут	иу
Инупиак	ик
Ирландский	га
Итальянский	это
Японский	и
Яванский	СП
Калааллисут	кл
Каннада	кн
Канури	крон
Кашмири	кс
Казахский	кк
Кхмерский	км
Кикую	ки
Киньяруанда (Руанда)	ряд
Киргизский	кк
Коми	кв
Конго	кг
Кирунди (Рунди)	р-н
Конкани
Корейский	ко
Куаньяма	кж
Курдский	ку
Лаосский	вот
Латинский	ла
Латышский (латышский)	ур.
Летцебургеш	фунтов
Лимбурган	ли
Лимбургер	ли
Лимбургский (лимбургский)	ли
Лингала	по
Литовский	л
Люба-Катанга	лю
Люксембургский	фунтов
Македонский	мк
Малагасийский	мг
малайский	мс
малаялам	мл
Мальдивский	дв
Мальтийский	м
Манкс	гв
Маори	миль
Маратхи	г-н
Маршалловы острова	мч
Молдавский	пн
Монгольский	мин
Науру	на
Навахо	нв
Навахо	нв
Ндонга	нг
Непальский	и
Северный Ндебеле	-й
Северные саамы	се
Норвежский	нет
Ньянджа	нью-йоркский
Окситанский	ок
Оджибва	или
Староболгарский	у. е.
Старославянский	у.е.
Старославянский	у.е.
Ория	или
Оромо (Афан, Галла)	или
Папьяменту	стр.
Осетинский	ОС
Осетинский	ОС
Пали	пи
Панджаби	па
Персидский	ФА
польский	пл.
Португальский	пт
Провансальский	ок
Пушту (пушту)	пс
польский	пл.
Португальский	пт
Пенджаби	па
Кечуа	или
Рето-романтика	п.м.
Румынский	ро
Рунди	р-н
Русский	руб
Саамский (саамский)	смэ
Самоа	см
Сангро	сг
Санскрит	с
Шотландский гэльский	гд
Сербский	ср
сербско-хорватский	ш
Сесото	ул
Сетсвана	тн
Сербский	ср
Шона	серийный номер
Сычуань И	или
Синдхи	сд
Сингальский	и
сингальский	и
Сисвати	нержавеющая сталь
Словацкий	ск
Словенский	сл
Сомалийский	так
Южный Ндебеле	№
Испанский	эс
Суданский	и
Суахили (кисуахили)	ПО
Свати	нержавеющая сталь
Шведский	св
Сирийский	ся
Тагальский	тл
Таитянский	ты
Таджикский	тг
Тамазайт	тиа
Тамильский	та
татарский	тт
Телугу	тэ
Тайский	-й
Тибетский	бо
Тигриня	и
Тонга	до
Цонга	тс
Тсвана	тн
Турецкий	т. Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт Поиск: Рубрики Seo Wordpress Дизайн Заработок Плагин Разное Рекомендац Сайт Совет Советы Тем Темы Урок Уроки