HTML head lang ru en коды языка
❮ Назад Дальше ❯
Коды языка ISO
Атрибут HTML lang может использоваться для объявления языка веб-страницы или части веб-страницы. Это предназначено для оказания помощи поисковых систем и браузеров.
В соответствии с рекомендацией W3C необходимо объявить основной язык для каждой веб-страницы с атрибутом lang внутри тега <html>, например:
<html lang=»en»>
…
</html>
Для русского языка
<html lang=»ru»>
…
</html>
В XHTML язык объявляется внутри тега <html> следующим образом:
<html xmlns=»http://www.w3.org/1999/xhtml» lang=»en» xml:lang=»en»>
…
</html>
ISO 639-1 Коды языков
ISO 639-1 Определяет аббревиатуры для языков.
В HTML и XHTML их можно использовать в атрибутах lang и XML: lang.
Смотрите также: Следующая ссылка на коды стран.
Язык | ISO Код |
---|---|
Абхазии | ab |
Afar | aa |
Afrikaans | af |
Akan | ak |
Albanian | sq |
Amharic | am |
Arabic | ar |
Aragonese | an |
Armenian | hy |
Assamese | as |
Avaric | av |
Avestan | ae |
Aymara | ay |
Azerbaijani | az |
Bambara | bm |
Bashkir | ba |
Basque | eu |
Belarusian | be |
Bengali (Bangla) | bn |
Bihari | bh |
Bislama | bi |
Bosnian | bs |
Breton | br |
Bulgarian | bg |
Burmese | my |
Catalan | ca |
Chamorro | ch |
Chechen | ce |
Chichewa, Chewa, Nyanja | ny |
Chinese | zh |
Chinese (Simplified) | zh-Hans |
Chinese (Traditional) | zh-Hant |
Chuvash | cv |
Cornish | kw |
Corsican | co |
Cree | cr |
Croatian | hr |
Czech | cs |
Danish | da |
Divehi, Dhivehi, Maldivian | dv |
Dutch | nl |
Dzongkha | dz |
English | en |
Esperanto | eo |
Estonian | et |
Ewe | ee |
Faroese | fo |
Fijian | fj |
Finnish | fi |
French | fr |
Fula, Fulah, Pulaar, Pular | ff |
Galician | gl |
Gaelic (Scottish) | gd |
Gaelic (Manx) | gv |
Georgian | ka |
German | de |
Greek | el |
Greenlandic | kl |
Guarani | gn |
Gujarati | gu |
Haitian Creole | ht |
Hausa | ha |
Hebrew | he |
Herero | hz |
Hindi | hi |
Hiri Motu | ho |
Hungarian | hu |
Icelandic | is |
Ido | |
Igbo | ig |
Indonesian | id, in |
Interlingua | ia |
Interlingue | ie |
Inuktitut | iu |
Inupiak | ik |
Irish | ga |
Italian | it |
Japanese | ja |
Javanese | jv |
Kalaallisut, Greenlandic | kl |
Kannada | kn |
Kanuri | kr |
Kashmiri | ks |
Kazakh | kk |
Khmer | km |
Kikuyu | ki |
Kinyarwanda (Rwanda) | rw |
Kirundi | rn |
Kyrgyz | ky |
Komi | kv |
Kongo | kg |
Korean | ko |
Kurdish | ku |
Kwanyama | kj |
Lao | lo |
Latin | la |
Latvian (Lettish) | lv |
Limburgish ( Limburger) | li |
Lingala | ln |
Lithuanian | lt |
Luga-Katanga | lu |
Luganda, Ganda | lg |
Luxembourgish | lb |
Manx | gv |
Macedonian | mk |
Malagasy | mg |
Malay | ms |
Malayalam | ml |
Maltese | mt |
Maori | mi |
Marathi | mr |
Marshallese | mh |
Moldavian | mo |
Mongolian | mn |
Nauru | na |
Navajo | nv |
Ndonga | ng |
Northern Ndebele | nd |
Nepali | ne |
Norwegian | no |
Norwegian bokmål | nb |
Norwegian nynorsk | nn |
Nuosu | ii |
Occitan | oc |
Ojibwe | oj |
Old Church Slavonic, Old Bulgarian | cu |
Oriya | or |
Oromo (Afaan Oromo) | om |
Ossetian | os |
Pāli | pi |
Pashto, Pushto | ps |
Persian (Farsi) | fa |
Polish | pl |
Portuguese | pt |
Punjabi (Eastern) | pa |
Quechua | qu |
Romansh | rm |
Romanian | ro |
Russian | Русский | ru |
Sami | se |
Samoan | sm |
Sango | sg |
Sanskrit | sa |
Serbian | sr |
Serbo-Croatian | sh |
Sesotho | st |
Setswana | tn |
Shona | sn |
Sichuan Yi | ii |
Sindhi | sd |
Sinhalese | si |
Siswati | ss |
Slovak | sk |
Slovenian | sl |
Somali | so |
Southern Ndebele | nr |
Spanish | es |
Sundanese | su |
Swahili (Kiswahili) | sw |
Swati | ss |
Swedish | sv |
Tagalog | tl |
Tahitian | ty |
Tajik | tg |
Tamil | ta |
Tatar | tt |
Telugu | te |
Thai | th |
Tibetan | bo |
Tigrinya | ti |
Tonga | to |
Tsonga | ts |
Turkish | tr |
Turkmen | tk |
Twi | tw |
Uyghur | ug |
Ukrainian | uk |
Urdu | ur |
Uzbek | uz |
Venda | ve |
Vietnamese | vi |
Volapük | vo |
Wallon | wa |
Welsh | cy |
Wolof | wo |
Western Frisian | fy |
Xhosa | xh |
Yiddish | yi, ji |
Yoruba | yo |
Zhuang, Chuang | za |
Zulu | zu |
❮ Назад Дальше ❯
HTML обучение — уроки HTML5 для начинающих с нуля на itProger
Веб программирование невозможно представить без языка разметки HTML. HTML указывает браузеру разметку всех объектов на странице. За счет него можно создать: текстовые поля, кнопки, аудио, видео записи и многое другое. За курс мы с вами изучим язык разметки HTML5.
Информация про HTML
HTML расшифровывается как – HyperText Markup Language. Представляет собой язык гипертекстовой разметки, который повсеместно используется во время построения веб-страниц и документов. Путь HTML начался ещё в первой половине 90-х годов. В то время он был крайне примитивным, но уже помогал делать простые страницы для веба. С тех пор язык постоянно развивается, к сегодняшнему дню он уже научился многому. Без HTML, в таком виде как мы привыкли, веб-сайты просто не существовали бы. Все сайты мира используют HTML.
Каждый год разработчики языка разметки html5 трудятся над его улучшением. На сегодня актуальный стандарт – HTML5, который официально был выпущен в 2014 году. Это революционный стандарт, который позволил языку выйти на новый уровень.
Нововведения в HTML5:
- Изменился алгоритм парсинга во время разработки DOM-структуры;
- Появились новые теги, вроде audio, video и прочих. Кстати, теперь только силами HTML можно создать веб-проигрыватель. Раньше приходилось использовать Adobe Flash Player;
- Переопределение части правил и семантики использования HTML-элементов.
Если посмотреть глобально, HTML5 стал больше, чем просто новая версией языка. В HTML5 изменился подход ко многим вещам и язык стал полноценной платформой для разработки приложений. Раньше его возможности ограничивались построением структуры, сегодня он намного умнее. С выходом стандарта сильно расширилась сфера использования языка.
Всё пришло к тому, что HTML5 стал применяться в двух ключевых направлениях:
- В качестве обновлённой версии языка HTML;
- В роли функциональной платформы, на которой можно строить веб-приложения различной сложности. Правда, создать полноценное приложение на чистом HTML5 не получится. Для этого ещё используется JavaScript и CSS3.
Важный момент
«HTML – язык программирования». Многие начинающие разработчики неверно воспринимают категорию языка HTML. Он не является языком программирования, а лишь является языком разметки.
По этой причине вам не стоит использовать говорить «язык программирования», так как это ошибочное название.
Кто занимается модернизацией HTML5?
Над языком работает W3C или полное название — World Wide Web Consortium – это организация международного уровня, которая сохраняет независимость от конкретных разработчиков. Она же выпускает спецификации, определения и стандарты к HTML5. Оригинальная и полноценная спецификация доступна на официальном сайте по ссылке (доступна на английском). Организация не завершила работу над языком, напротив — всё ещё продолжает его развивать.
Поддержка браузерами
Важно понимать, что спецификация HTML5 и реализация данной технологии в конкретных браузерах – это разные понятия. Многие активно разрабатываемые веб-обозреватели начали понемногу внедрять функции HTML5 ещё до релиза этой версии. К сегодняшнему дню большинство свежих браузеров поддерживают все функции HTML5. Полную поддержку обеспечивают: Chrome, IE 11, Firefox, Edge, Safari, Opera. Относительно старые версии не имеют поддержки новых стандартов, например, IE 8 и младше. В версии IE 9 и 10 уже реализованы стандарты, но только частично.
Часто браузеры могут в целом работать с новым стандартом, но по-разному обрабатывать функции или просто выдавать ошибку. Поэтому при кроссбаузерной разработке нужно учитывать все особенности браузеров. К данному моменту поддержка стандарта со стороны веб-обозревателей уже на неплохом уровне.
Чтобы удостовериться, что текущая версия браузера поддерживает HTML5, можно пройти небольшой тест.
Что нужно для работы?
Что пригодится во время разработки под HTML5? Ключевой инструмент – текстовый редактор, в котором и будет набираться код для будущей веб-страницы. Одним из популярнейших и многофункциональных редакторов является Notepad++. Он доступен на официальном сайте абсолютно бесплатно. Помимо бесплатного распространения, ещё обладает всеми необходимыми функциями, имеет массу полезных плагинов, подсвечивает открытие и закрытие тегов.
Также хорошим редактором с поддержкой большинства операционных систем является Visual Studio Code. Он способен работать в MacOS, Windows и Linux. По возможностям этот программный продукт в разы превосходит Notepad++.
Также прочитайте нашу статью на тему «5 лучших редакторов кода для программистов».
Вторым важным инструментом является веб-обозреватель, он пригодится для тестирования кода. Подойдёт любой современный веб браузер. Если нужно создать кросплатформенное приложение, то придётся установить в систему все популярные веб-обозреватели.
План курса
В видеокурсе мы изучим множество HTML тегов и научимся применять их на практике. HTML обучение сводится к просмотру и изучению специализированных тегов. Данные HTML уроки предусмотрены для начинающих в сфере веб разработки и весь процесс будет проходить как HTML с нуля.
К концу курса у вас будут необходимые знания для построения разметки веб сайтов. Курс «HTML для начинающих» состоит из нескольких уроков, при этом все HTML обучение будет с нуля бесплатно.
Программа обучения
Также на нашем сайте есть более углубленные курсы HTML, что будут пройдены в программе по изучению разработки веб сайтов. Ознакомится с программой обучения по Front-end можно по этой ссылке и с программой обучения Full Stack по этой ссылке.
Работа с языком в HTML (учебник)
Работа с языком в HTML (учебник)Целевая аудитория: кодировщики HTML, разработчики скриптов, кодировщики CSS и все, кому требуется руководство по объявлению и использованию языковой информации в HTML. Предполагается, что у вас есть базовые знания HTML и CSS.
В этом учебнике собраны и систематизированы указатели на статьи, которые в совокупности помогут вам понять основные аспекты работы с языковой информацией при разработке HTML и CSS.
В двух словах
Всегда добавляйте атрибут lang
к тегу html
, чтобы установить язык по умолчанию для вашей страницы.
Если это XHTML 1.x или многоязычный документ HTML5, используемый в качестве XML, следует также использовать атрибут xml:lang
(с тем же значением). Если ваша страница обслуживается только в формате XML, просто используйте атрибут
.
Не используйте метаэлемент
с http-equiv
установлен на Content-Language
.
Выбирайте теги из реестра вложенных тегов IANA и следуйте правилам синтаксиса в BCP 47 при использовании не только языкового вложенного тега. Делайте языковые теги как можно короче.
Используйте свойство :lang
в CSS для применения стилей в зависимости от языка вашего контента.
Зачем объявлять язык?
Эта часть руководства задает мотивацию для прочтения оставшейся части. Если вы спешите и просто хотите знать, что делать, без теории, начните читать с раздела Как объявить язык страницы или элемента.
Браузеры и другие приложения могут использовать информацию о языке контента, чтобы предоставлять пользователям наиболее подходящую информацию или представлять информацию пользователям наиболее подходящим образом. Чем больше контента будет помечено и правильно помечено, тем более полезными и распространенными станут такие приложения.
Зачем использовать атрибут языка? содержит примеры того, как информация о языке может быть полезна.
Как объявить язык страницы или элемента
Вы должны установить язык текста на своей странице, используя языковые атрибуты. К сожалению, в некоторых форматах используется более одного атрибута, и необходимо уточнить еще несколько моментов. В этом разделе обсуждаются различные варианты: те, которые следует использовать, и те, которых следует избегать (и почему).
Объявление языка в HTML содержит сводку того, как объявить язык с помощью атрибутов.
Заголовки HTTP, метаэлементы и информация о языке описывает, чем метаданные языка отличаются от фактического языка текста, и обсуждает Content-Language, используемый в заголовках HTTP и метаэлементах.
Работа с языковыми тегами
В этом разделе рассматривается, как выбирать и создавать языковые теги, т.е. значения, используемые для языковых атрибутов.
Чтобы быть уверенным, что все пользовательские агенты распознают язык, который вы имеете в виду, вам необходимо следовать стандартному подходу при предоставлении значений языка. Вам также может понадобиться подумать о том, как стандартно относиться к диалектным различиям, например. разница между американским английским и британским английским, которые значительно различаются с точки зрения написания и произношения.
Языковые теги в HTML и XML описывает синтаксис языковых тегов с использованием спецификации BCP 47.
Выбор языкового тега предоставляет практическую информацию о том, как выбрать правильные вложенные теги из тысяч доступных для представления нужного вам языка.
Настройка языковых параметров браузера
Когда ваш браузер извлекает документ из Интернета, он отправляет HTTP-запрос на сервер, где хранится информация. Вместе с запросом браузер отправляет информацию о своих языковых настройках. Эти настройки могут определять, какой контент будет отправлен вам обратно. Узнайте, как установить или изменить эти настройки.
Установка языковых настроек в браузере
Использование информации о языке для оформления документа
Вы часто хотите применить разные стили к тексту на разных языках (например, информацию о шрифте или высоте строки, или, возможно, разные стили выделения и т. д.). Если вы использовали атрибуты для определения языка вашего контента, вы можете использовать некоторые мощные селекторы в CSS для автоматического применения различных стилей к содержимому при изменении языка. В следующей статье рассматриваются различные варианты для этого.
Стилизация с использованием языковых атрибутов
Дальнейшее чтение
Разметка на естественном языке: Веб-контент: Создание доступного контента: Доступность: Университет Индианы
Указание языка текста (английский, испанский и т. д.), используемого на веб-странице, имеет решающее значение, поскольку вспомогательные технологии должны знать, как правильно произносить текст. Языковая разметка особенно актуальна в IU, так как у вуза большая международная аудитория.
Если язык контента не указан, вспомогательные технологии будут читать текст на языке, установленном в операционной системе посетителя. К сожалению, эти языки не всегда совпадают. В таких случаях пользователи из неанглоязычных стран могут испытывать трудности с пониманием содержания страницы.
Рекомендации
Для HTML-страниц атрибут HTML lang
должен использоваться как для установки языка по умолчанию, так и для указания любых изменений языка в тексте.
Для страниц XHTML используйте атрибут xml:lang
.
Для страниц, которые смешивают HTML и XML , используйте одновременно атрибут lang
и атрибут xml:lang
.
Преимущества
Эти меры позволяют пользователям вспомогательных технологий лучше понимать структуру веб-страниц, способы навигации по ним и взаимосвязь различных частей контента.
Меры также позволяют поисковым системам определять язык текста и более точно индексировать содержимое страницы. Вспомогательные технологии также могут более точно произносить текстовый контент.
Примеры
Установка языка страницы по умолчанию для HTML-страниц
Для HTML-страниц, полностью написанных на английском языке (США), просто добавьте атрибут lang="en-US"
к HTML-тегу:
См. атрибут lang
в строке 2 ниже:
<голова>Язык текста разметки – десять лучших веб-доступностей — UITS голова> <тело>Укажите уникальный и описательный заголовок страницы
… тело>
Указание изменений языка на HTML-страницах
Атрибут «lang» также можно применять к другим тегам HTML для обозначения изменений языка, например Атрибут См. атрибуты "No hables a menos que puedas mejorar el silencio", – сказал отец. Перевести на
Французский
См. атрибуты Атрибут Коды языков следует выбирать из стандартного списка кодов языков, приведенного в ISO-639. Двухбуквенные субкоды страны являются необязательными, а действительные субкоды перечислены в ISO-3166. Примечания : Обязательно используйте дефис, а не подчеркивание. Не включайте пробелы. При выборе кода основного языка из ISO-639 значение атрибута Для получения дополнительной информации правила и стандарты для создания значений языковых атрибутов описаны в спецификации IETF под названием BCP 47.
,
,
,
,
. Значение атрибута lang
применяется к любому тексту в атрибутах элемента, а также к дочернему тексту элемента: lang
не следует применять к
,
,
,
,
<кадр>
, ,
,
,
,
, script>
, чтобы указать изменения языка. lang
в строках 7 и 10 ниже:
<голова>
Установка языка страниц по умолчанию для HTML-страниц с помощью XML
lang
и xml:lang
в строке 2.
<голова>
Выбор языковых атрибутов
lang
использует основной код для указания языка веб-страницы и использует дополнительные подкоды для указания конкретного варианта языка. Эти субкоды разделены дефисом, например, «en-US» для английского языка США и «es-MX» для мексиканского испанского языка. lang
должно быть как можно короче. По возможности используйте двухбуквенный код. Используйте трехбуквенный код только в том случае, если двухбуквенный код недоступен. Передовой опыт
lang
в элемент HTML, чтобы установить язык по умолчанию для всей страницы lang
атрибуты везде, где язык по умолчанию меняется на другой язык Проверка правильности использования
lang
значение атрибута и применили атрибуты xml:lang
при необходимости. xml:lang
должны применяться для указания любых изменений языка в контенте.