Задание языка в html: Работа с языком в HTML (руководство)

Работа с языком в HTML (руководство)

Работа с языком в HTML (руководство)

Предполагаемая аудитория: XHTML/HTML и CSS кодеры, веб-разработчики (PHP, JSP, и т. д.), а также все, кому необходимо руководство по объявлению и использованию языковой информации в HTML. Предполагается, что вы имеете базовое знакомство с HTML и CSS.

Данное руководство объединяет и организует ссылки на статьи, которые, все вместе, помогут вам понять основные аспекты работы с языковой информацией при создании HTML и CSS.

В двух словах

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

<html lang="en">

Если это XHTML 1.x или HTML5 Polyglot документ, используемый, как XML, вам следует также использовать xml:lang атрибут (с тем же значением). Если ваша страница используется только, как XML, то просто используйте xml:lang атрибут.

Не используйте meta элемент с http-equiv, установленным в значение Content-Language.

Выбирайте тэги из списка IANA Subtag Registry и следуйте правилам синтаксиса BCP 47 при использовании структур более сложных, чем просто языковой тэг. Держите свои языковые теги как можно более короткими.

Используйте :lang свойство в CSS, чтобы применять стили, зависящие от языка вашего контента.

Зачем объявлять язык?

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

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

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

Как объявить язык страницы или элемента

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

Объявление языка в HTML предоставляет итоговую информацию о том, как объявлять язык, используя атрибуты.

HTTP заголовки, мета элементы и информация о языке описывает, как языковые метаданные отличаются от действительного языка текста, а также Content-Language, используемый в HTTP заголовках и мета элементах.

Работа с языковыми тэгами

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

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

Языковые тэги в HTML и XML описывает синтаксис языковых тэгов, использующих спецификацию BCP 47.

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

Установка языковых настроек браузера

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

Установка языковых настроек в браузере

Использование информации о языке для стилизации документа

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

Стилизация с использованием языковых атрибутов

Дополнительные материалы

  • Приступаете к работе? Язык в Сети

  • Ссылки по теме, Разработка HTML и CSS

    • Язык

Введение в язык HTML — HTML (Информатика и программирование)

Лекция №1: Введение в язык HTML (12 часов)

Тема 1: Введение в язык HTML (1 час)

План

1. Понятие о HTML

2. Понятие о гипертексте

3. Понятие о html-файле

4. Понятие о тегах языка html

5. Структурные теги

6. Создание шаблона HTML-документа и первой Web-страницы

1. Понятие о HTML

HTML расшифровывается как HyperText Markup Language, или язык гипертекстовой разметки.

Важно понять, что HTML это не язык программирования – а язык разметки текста. Он позволяет определить внешний вид документа. Если обычные языки программирования используются для написания программ (алгоритмов), предназначенных для выполнения определенных задач, то язык разметки HTML используется для представления документа в определенном виде.

2. Понятие о гипертексте

Гипертекст (hypertext) – это особый текст, в котором есть ссылка на другую Web-страницу или документ. В данном случае приставка гипер означает более чем или сверх, так как вы видите перед собой нечто большее, чем просто текст. В большинстве браузеров гипертекст (или гиперссылка) обычно подчеркивается и выделяется другим цветом, в отличие от остального текста. Если щелкнуть на гипертексте, то его цвет изменится. Щелчок на гиперссылке приводит к тому, что Web-браузер запрашивает документ, на который указывает ссылка, а затем загружает его в окно браузера. Таким образом, благодаря гипертексту Web-страница приобретает свойство интерактивности.

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

3. Понятие о html-файле

Для разработки html-файлов нужен всего лишь текстовый редактор. Запомните, что, хотя html-страницы и представляют собой файлы с расширением .htm или .html, на самом деле это обычные текстовые файлы формата ASCII. Для того чтобы создать html-страницу, необходимо воспользоваться командой Файл – Сохранить как и сохранить файл в текстовом формате и добавить к его имени расширение .htm или .html, в зависимости от используемой операционной системы.

Лучше всего для упорядочения html-файлов создать на жестком диске специальный каталог (или папку) для хранения Web-страниц. Это особенно важно в случае, если мы собираемся создать несколько взаимосвязанных страниц. Необходимо для начала определить структуру расположения файлов на жестком диске. Для создания простого Web-сервера, как правило, нужно иметь несколько текстовых и графических файлов и, возможно, пару файлов мультимедиа. Создавая Web-сервер, содержащий относительно небольшое количество страниц и изображений, можно сохранить все файлы в одном каталоге. Если же файлов много, следует разместить их в нескольких папках.

4. Понятие о тегах языка html

Как мы уже говорили язык разметки позволяет определить внешний вид документа. Для этого в текст документа вставляются специальные коды, или дескрипторы (tags). Причем сделать это можно с помощью программы Блокнот или другого текстового процессора. И вообще, при создании Web-страниц вам придется делать многое из того, к чему вы привыкли, работая в текстовом процессоре, например, выделять текст полужирным шрифтом или преобразовывать отдельные фразы в заголовки.

Итак, что же такое дескриптор? Дескриптор – это основной элемент кодирования, принятый в стандарте HTML. В HTML практически все зависит от дескрипторов. Они служат для привлечения внимания к определенным словам в документе, тем самым давая браузеру понять, что нужно выделить, где отобразить графику и где находятся гиперссылки.

Дескрипторы заключается в угловые скобки (< >). Например, дескриптором абзаца является <P>, а дескриптором горизонтальной линии — <НР>. Дескрипторы можно записывать как прописными, так и строчными буквами. Однако запись дескрипторов прописными буквами значительно облегчает зрительное восприятие текста.

Существует два типа дескрипторов: контейнеры и одиночные дескрипторы. Контейнер – это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) дескрипторов. Начальный дескриптор имеет вид <TAG>, а конечный </TAG>. Контейнеры предназначены для хранения некоторой информации, например текста или других дескрипторов. Поэтому между начальным и конечным дескрипторами заключено содержимое контейнера. Например, элемент, представляющий собой заголовок первого уровня заключается между дескрипторами <H1> и </H1>:

<h2> Мой первый HTML-документ! </h2>

Пустой дескриптор отличается от контейнера тем, что не содержит никакой информации. У него есть только начальный дескриптор. Пустой дескриптор обычно выполняет самостоятельную задачу, не связанную с конкретным текстом. Например, дескриптор <HR> создает горизонтальную линию и не выполняет при этом никаких действий над текстом, в противоположность начальному и конечному дескрипторам контейнера.

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

5. Структурные теги

Познакомимся с основными дескрипторами, определяющими структуру Web-страницы.

Дескрипторы элемента HTML (<HTML> </HTML>) являются самыми внешними, т.е. заключают в себе весь остальной текст и другие дескрипторы. Начальный дескриптор, <HTML>, – это первое, что вы должны набрать. А конечный дескриптор, </HTML>, обозначает окончание документа. Большинство браузеров не воспринимает текст, находящийся за пределами этих двух дескрипторов.

У HTML-документа есть «голова» (заголовок) и «тело» (основная часть).

В любом HTML-документе элемент HEAD предшествует основной части (или телу) Web-страницы. Содержимое элемента HEAD заключено между дескрипторами <HEAD> и </HEAD>. Этот текст представляет собой общую информацию о файле и не отображается в самом документе. В дескрипторе HEAD может находиться ряд других элементов. Нас в первую очередь интересует дескриптор <TITLE>, который определяет название документа. Текст, заключенный между дескрипторами <TITLE> и </TITLE>, отображается в верхней части окна программы (строка заголовка).

И, наконец, самая важная часть HTML-документа – элемент BODY, который заключается между парой дескрипторов <BODY> и </BODY>. Этот элемент является самым важным потому, что в него включен весь отображаемый на странице текст, изображения и мультимедиа либо ссылки на них. Описание элемента BODY следует сразу за описанием элемента HEAD.

6. Создание шаблона HTML-документа и первой Web-страницы

Откройте Блокнот и введите следующий текст:

<HTML>

<HEAD>

<TITLE>Название Web-страницы</TITLE>

</HEAD>

<BODY>Содержимое Web-страницы: тест, графика, ссылки и т.д.

</BODY>

</HTML>

Сохраните файл в своей папке под именем template.html.

Теперь создайте новый документ и загрузите в него созданный нами шаблон. Затем воспользуйтесь командой Сохранить как, чтобы присвоить имя новой странице.

Замените текст, заключенным между дескрипторами <TITLE> и </TITLE> на «Моя первая Web-страница!». Теперь замените текст между дескрипторами <BODY> и </BODY> на следующий:

<h2>Это моя первая Web-страница!</h2>

<HR>

Окончательный вариант вашего файла должен иметь следующий вид:

<HTML>

<HEAD>

<TITLE>Моя первая Web-страница!</TITLE>

</HEAD>

Рекомендация для Вас — 1 — Цвет и движение.

<BODY>

<h2>Это моя первая Web-страница!</h2>

<HR>

</BODY>

</HTML>

Сохраните файл в вашей папке присвоив ему имя first.html.

Работа с языком в HTML (учебник)

Работа с языком в HTML (учебник)

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

В этом руководстве собраны и систематизированы указатели на статьи, которые в совокупности помогут вам понять основные аспекты работы с языковой информацией при разработке HTML и CSS.

В двух словах

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

Если это XHTML 1.x или многоязычный документ HTML5, используемый в качестве XML, следует также использовать атрибут xml:lang (с тем же значением). Если ваша страница обслуживается только в формате XML, просто используйте атрибут xml:lang .

Не используйте метаэлемент с http-equiv установлен на Content-Language .

Выбирайте теги из реестра вложенных тегов IANA и следуйте правилам синтаксиса в BCP 47 при использовании не только языкового вложенного тега. Делайте языковые теги как можно короче.

Используйте свойство :lang в CSS для применения стилей в зависимости от языка вашего контента.

Зачем объявлять язык?

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

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

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

Как объявить язык страницы или элемента

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

Объявление языка в HTML содержит сводку того, как объявить язык с помощью атрибутов.

Заголовки HTTP, метаэлементы и информация о языке описывает, чем метаданные языка отличаются от фактического языка текста, и обсуждает Content-Language, используемый в заголовках HTTP и метаэлементах.

Работа с языковыми тегами

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

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

Языковые теги в HTML и XML описывает синтаксис языковых тегов с использованием спецификации BCP 47.

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

Настройка языковых параметров браузера

Когда ваш браузер извлекает документ из Интернета, он отправляет HTTP-запрос на сервер, где хранится информация. Вместе с запросом браузер отправляет информацию о своих языковых настройках. Эти настройки могут определять, какой контент будет отправлен вам обратно. Узнайте, как установить или изменить эти настройки.

Установка языковых настроек в браузере

Использование информации о языке для оформления документа

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

Стилизация с использованием языковых атрибутов

Дальнейшее чтение

Рассмотрите возможность добавления атрибута «lang» к открывающему тегу «html», чтобы объявить язык этого документа.

Rocket Validator интегрирует средство проверки HTML W3C Validator.
в автоматизированный поисковый робот.

Бесплатная пробная версия

Пробная версия Pro

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

Пример:

  

Подробнее:

  • W3C: Объявление языка в HTML

Связанные проблемы средства проверки W3C

Атрибут «isolang» не разрешен для элемента «html» в данный момент.

  • изоланг

  • язык

  • HTML

  • ИСО 639-1

Вместо использования атрибута isolang для определения языка документа можно использовать lang с двухсимвольным кодом ISO 639-1.

Например, для португальского:

  

Неверное значение X для атрибута «lang» в элементе «html»: языковой вложенный тег X не является допустимой языковой частью ISO языкового тега.

  • язык

  • изо код

Код языка, указанный в атрибуте lang тега , не является допустимым кодом ISO.

Похоже, этот документ написан на арабском языке. Рассмотрите возможность добавления «dir=»rtl»» к открывающему тегу «html».

  • язык

  • арабский

  • ртл

Основываясь на содержании документа, W3C Validator определил, что он написан на арабском языке, и предлагает указать направление текста справа налево, например:

  

Похоже, что этот документ написан на английском языке, но начальный тег «html» имеет пустой атрибут «lang». Попробуйте вместо этого использовать «lang=»en»» (или вариант).

  • язык

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

Пример:

  

Этот документ, кажется, написан на английском языке, но начальный тег «html» имеет X

  • язык

Основываясь на содержании документа, валидатор W3C считает, что он написан на английском языке, но 9Свойство 0129 lang в элементе указывает другой язык. Проверьте язык документа, если он соответствует свойству lang , вы можете спокойно проигнорировать и отключить это предупреждение.

Пример:

  

Похоже, что этот документ написан на языке X, но начальный тег «html» содержит «lang=Y».

  • язык

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

This entry was posted in Популярное