Начало работы в HTML атрибуты

Начало работы в HTML - атрибуты

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

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

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

Основные атрибуты

К основным относятся идентификатор, класс, стиль и заголовок..

я бы

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

класс

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

заглавие

Атрибут TITLE в основном используется для обеспечения доступа к элементам. Используется роботами или программами, читающими HTML-код. Единственное, что вы заметите на экране, это то, что если вы удерживаете мышь над элементом с атрибутом заголовка, то через одну или две секунды появится всплывающая подсказка, содержащая текст атрибута заголовка..

Читать также:  DISC категоризация людей в зависимости от того как они работают

стиль

СТИЛЬ — это атрибут, который я лично рекомендую вам НЕ использовать. Сам по себе этот атрибут позволяет вам объявлять стили CSS для элемента в HTML. Однако лучшее, что мы можем сделать в реальном проекте, — это разделить структуру и информацию нашей страницы в HTML, а внешний вид будет объявлен через CSS в отдельном файле. Это значительно упрощает обслуживание.

Атрибут STYLE можно использовать только на некоторых небольших демонстрационных страницах, где весь код легко увидеть..

Языковые атрибуты

Атрибуты языка — это dir и lang (в xHTML lang — это xml: lang)..

реж

DIR определяет направление чтения текста — слева направо или справа налево..

Особенность этого атрибута в том, что есть только два допустимых значения — ltr (слева направо — слева направо) и rtl (справа налево — справа налево). Любое другое значение будет просто проигнорировано браузером и сделает ваш код недействительным..

Читать также:  Базовые селекторы CSS

язык

Другой атрибут языка — lang — также имеет несколько (но больше) предопределенных значений. Он должен быть установлен как код языка, содержащийся в элементе. Для болгарского это bg, для английского — en и т. Д. Значение этого тега — поддержка поисковых систем, роботов и программ, которые читают код, могут использоваться для более конкретных стилей, некоторых функций JS..

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

Значение dir по умолчанию — это направление, в котором мы читаем, поэтому его почти не нужно устанавливать. Однако LANG — хороший параметр, который указывает на то, что наша страница ориентирована на определенный географический регион. Кроме того, Google Chrome (например) будет легче определить, на каком языке страница, и предложит при необходимости автоматически перевести его..

Атрибуты клавиатуры

Опять же, их два — accesskey и tabindex. Эти атрибуты используются для доступности.

tabindex

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

Читать также:  Начало работы в JavaScript циклы

Если мы установим значение 0 для tabindex, тогда элемент получит значение по умолчанию, которое является просто порядковым номером элемента, который может иметь фокус. TABINDEX = 0 используется для разрешения фокусировки на конкретном элементе. Об этом я говорил в первой и второй части своего урока про доступный слайдер..

ключ доступа

ACCESSKEY позволяет вам сфокусировать элемент с помощью комбинации клавиш ALT. Однако этот атрибут частично бессмысленен, потому что:

  1. потребители не имеют возможности узнать, могут ли они вообще сосредоточиться на этом элементе, если мы им не скажем
  2. в некоторых браузерах это перезаписывает функциональность самого браузера, просто чтобы наш сайт работал
  3. в других браузерах Alt + ACCESSKEY не работает, потому что в браузере есть другие функции с помощью сочетания клавиш

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

Для урока я использовал информацию с сайта w3schools.com. Опять же, там вы можете увидеть список всех тегов HTML, и для каждого из них вы можете увидеть, какие атрибуты он поддерживает (http://www.w3schools.com/tags/tag_blockquote.asp).

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?