Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Как усовершенствоваться до HTML5: шаблоны HTML5. Часть 2

class

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

В каскадной таблице стилей CSS порядок следования имен не имеет значения, но важен в таблице:

http://google.com" class="external popup search">Текст ссылки

title

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

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

style

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

При просмотре кода в Web Inspector, DragonFly, Firebug, стили, которые добавляют JavaScript черз отладчик, отображаются внутри строки как значение style. Этот код динамически генерируется. Браузер может делать такую работу. Вам не стоит.

lang

Один из двух глобальных атрибутов интерационализации. Второй – dir.

С помощью атрибута, который относится к элементу <html>, можно задавать для страницы основной язык. Заголовок Content-Language также можно использовать для это цели.

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

lang позволяет поисковым ботам проиндексировать контент по языковому признаку. На основании атрибута применяются международные правила произношения. lang помогает оформить текст на языке, на котором написан. Элемент <q> нужен для отображения кавычек, соответствующих языку, который указан в атрибуте lang.

dir

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

Атрибут dir в HTML5 имеет три значения: auto, ltr, rtl.

Основные атрибуты HTML5, которые вышли из HTML 4


tabindex

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

В новой версии все элементы приобретают фокусируемость – распространение не только на элементы ссылки и форм. Атрибут tabindex получает целое число в качестве значения.

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

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

accesskey

Атрибут напоминает предыдущий. Отличие в навигации: переход фокуса идет не к элементу со следующим значением по возрастанию к элементу с активным ключом доступа.

Горячие клавиши присваивают операциям на основании значений accesskey. Код <input accesskey="s" name="search" type="text"/> создает поле поисковых запросов. accesskey равен при этом s. Когда пользователь жмет кнопку S, он перемешается в текстовое поле.

Значение accesskey – один и более символов, разделенных пробелами. Спецификация допускает присвоение нескольких горячих клавиш одному элемента. Синтаксис accesskey напоминает синтаксис class, так как его значение – упорядоченное множество маркеров, которые разделены пробелами. Порядок в этом случае важен.