Робота з мовою в HTML

Аудиторія: шифрувальники XHTML/HTML (використовуючи редактори або скрипти), розробники скриптів (PHP, JSP, і т.д.), шифрувальники CSS, і кожен, хто потребує керівництва про те, як призначити і використовувати інформацію про мову в форматі HTML. Передбачається, що у вас є базові знання HTML і CSS.

Оновлення перекладу:

Цей посібник збирає і організовує вказівки на зібрані разом статті, які допоможуть вам зрозуміти найважливіші аспекти, як працювати з інформацією про мову, при розробці HTML і CSS.

В кількох словах

Даний розділ призначений для людей, які поспішають і просто хочуть дізнатися основні рекомендації з посібника. Якщо ви не розумієте, щось, або якщо ви хочете більш докладно прочитайте решту посібника.

Завжди додавайте атрибут lang до html тегу, щоб встановити мову за замовчуванням для вашої сторінки. Якщо це XHTML 1.x або HTML5 багатомовний документ, що обслуговується як XML, ви повинні також використовувати атрибут xml:lang (з тим самим значенням). Якщо ваша сторінка обслуговується тільки як XML, то використовуйтe тільки атрибут xml:lang.

Не використовуйте meta елемент із http-equiv встановленим в Content-Language.

Виберіть теги із IANA Subtag Реєстру, і слідуйте правилам синтаксису в BCP 47 при використанні більш, ніж просто мовного subtag. Використовуйте як можна коротші мовні теги.

В CSS використовуйте властивість :lang для застосування стилів залежно від мови їх контенту.

Цей матеріал описує останні ідеї, втілені в специфікації HTML5. Хоча важливо відзначити, що специфікації HTML5 все ще не достатньо стабільна, та ми й не очікуємо, що при її роботі нічого не зміниться або не викличе проблеми.

Навіщо призначати мову?

Ця частина посібника мотивує прочитати решту. Якщо ви поспішаєте і просто хочете знати що робити, без теорії, то починайте читати з розділу Як призначити мову сторінки або елементу.

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

Навіщо використовувати мовний атрибут? включає в себе приклади того, де може бути корисною інформація про мову.

Як призначити мову сторінки або елементу

Ви повинні встановити мову тексту на вашій сторінці за допомогою мовних атрибутів. На жаль, є декілька атрибутів причетних до деяких форматів, і кілька інших речей, які слід прояснити. У цьому розділі розглядаються різні варіанти: ті, які ви повинні використовувати і ті, які вам слід уникати (і чому).

Призначення мови в HTML наводить коротку інформацію про те, як призначити мову за допомогою атрибутів. Вона включає в себе наступне:

HTTP заголовки, meta елементи та інформація про мову описує, як мова meta даних відрізняється від фактичної мови тексту, і обговорює Content-Language, використовуваний в HTTP заголовках і meta елементах. Включає в себе наступне:

Робота з мовними тегами

У цьому розділі розглядаються питання щодо того як вибрати і створити мовні теги.

Щоб переконатися, що всі клієнтські додатки розпізнають ту мову, яку ви маєте на увазі ви повинні слідувати стандартним підходам при наданні мові значення. Можливо вам також знадобиться розглянути, як стандартним способом звернутися до діалектних відмінностей, наприклад відмінність між Американською Англійською і Британською Англійською мовами, які суттєво розходяться з точки зору правопису і вимови.

Мовні теги в HTML і XML описує синтаксис мовних тегів в BCP 47. Охоплює:

Вибір Мовного Тега надає практичну інформацію про те, як вибрати правильні subtags з тисяч доступних для представлення мови, що вам потрібна. Охоплює:

Налаштування мовних уподобань браузера

Коли ваш браузер тягне документ з Мережі, то він посилає HTTP запит на сервер, де зберігається інформація. Із запитом, браузер посилає інформацію про налаштування його мовних уподобань. Ці уподобання можуть визначити який контент посилається назад до вас. Дізнайтеся, як встановити або змінити ці уподобання.

Налаштування мовних уподобань в браузері охоплює:

Використання інформації про мову для стилізації вашого документа

Вам часто потрібно застосовувати різні стилі для тексту на різних мовах (наприклад інформація про шрифт або висоту рядка, або, можливо, різні стилі наголосу і т.д.) Якщо ви використовували атрибути для ідентифікації мови вашого контенту, то ви можете використовувати декілька потужних селекторів в CSS, щоб при зміні мови автоматично застосовувати різні стилі до контенту. Наступна стаття розглядає різні варіанти того, як це зробити.

Стилізація використовуючи атрибути мови охоплює: