Атрибут accesskey в HTML


Атрибут accesskey

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

В браузерах активация или фокусировка происходит при помощи различных сочетаний клавиш, например: Alt+«цифра или буква» (Internet Explorer, Google Chrome, Safari), Alt+Shift+«цифра или буква» (Mozilla Firefox), Shift+Esc+«цифра или буква» (Opera) и т.д.

Атрибут accesskey появился в HTML довольно давно, но раньше он поддерживался ограниченным количеством тегов, а теперь он есть у всех. Поэтому, если на страницах описания каких-то тегов вы увидите логотип HTML 5 ( ) напротив атрибута, то знайте, что этот тег начал поддерживать данный атрибут именно с версии HTML 5. C другой стороны, хоть в HTML 5 теперь все теги могут иметь этот атрибут — не факт, что браузеры его будут также понимать во всех случаях. Более того, в описаниях W3C также нет конкретики по данному вопросу, например о том, для чего использовать атрибут accesskey в параграфах (тег

Значения

Значением атрибута является одиночная цифра (0-9) или какая-либо буква.

Значение по умолчанию: нет.

Если в качестве значения вы выбрали букву, то должны учитывать, что у пользователей на клавиатуре может не быть данного символа. Например, если ваш сайт ориентирован на англоязычную и русскоязычную публику, то лучше выбрать латинскую букву. А если только на русскоязычную — вполне подойдет и кириллица. Кроме этого, в браузере какой-либо символ может быть уже занят, например для активации пункта его меню. Конечно в любом случае выбор за вами — просто помните об этом.

Синтаксис

Обязательный атрибут: нет.

Пример HTML: применение атрибута accesskey к тегу A

Пример HTML: применение атрибута accesskey к тегу INPUT

Пример HTML: применение атрибута accesskey к тегу AREA

Пример HTML: применение атрибута accesskey к тегу LABEL

На странице с данным HTML-кодом пользователи русскоязычного Internet Explorer не смогут активировать пункт меню браузера — «Правка». Так как по умолчанию он активируется сочетанием клавиш Alt+«п» , а мы данное сочетание переопределили.

HTML Атрибут accesskey

Глобальный атрибут accesskey (от англ. «access key» — «клавиша доступа») задаёт для элемента клавишу быстрого доступа. При этом для получения фокуса (с возможностью дальнейшей активации) данным элементом, необходимо одновременно нажать на заданную клавишу и клавиши установленные браузером, специально для данного атрибута. Браузеры при этом используют различные комбинации клавиш.

Илон Маск рекомендует:  top в CSS

Сочетания клавиш в разных браузерах:

Browser Windows Linux Mac IE [Alt] + accesskey N/A Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey Yandex [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey Safari [Alt] + accesskey N/A [Control] [Alt] + accesskey Opera Opera 15+: [Alt] + accesskey
Opera 12.1-: [Shift] [Esc] + accesskey

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

Синтаксис

Значения

В качестве значения данного атрибута указывается цифра (0-9) или латинская буква (a-z).


Значение по умолчанию

Пример использования атрибута accesskey:

Атрибут accesskey в HTML

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Cand >Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML ( Living ) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные ?

Internet Explorer Chrome Opera Safari Firefox
4 1 6 1 1
Android Firefox Mobile Opera Mobile Safari Mobile
1 1 6 1

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

HTML глобальный атрибут Accesskey

примеров

Гиперссылка с указанными ярлыков:

Поддержка браузеров

Все основные браузеры поддерживают атрибут Accesskey

Определение и использование

Accesskey атрибут определяет активировать (включить элемент получает фокус) контекстные ключевые элементы.


Различна в разных в разных операционных системах доступ к браузеру Клавиша быстрого выбора способов: Примечание:

браузер Windows Linux макинтош
Internet Explorer [Alt] + Accesskey N / A
хром [Alt] + Accesskey [Alt] + Accesskey [Control] [Alt] + Accesskey
Firefox [Alt] [Shift] + Accesskey [Alt] [Shift] + Accesskey [Control] [Alt] + Accesskey
сафари [Alt] + Accesskey N / A [Control] [Alt] + Accesskey
опера Opera 15 или более поздней версии: [Alt] + Accesskey
Opera 12.1 или старше: [Shift] [Esc] + Accesskey

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

Подсказка: разнообразие браузеров ярлыки Accesskey использовать:

IE браузер

Удерживая нажатой клавишу Alt, нажмите Accesskey определенные ярлыки (фокус будет перемещаться по ссылке), и нажмите Enter.

Илон Маск рекомендует:  Asp обработка сведений, введенных пользователем

FireFox браузер

Удерживая нажатой Alt + Shift ключ и нажмите Accesskey определенные ярлыки.

браузер Chrome

Удерживая нажатой клавишу Alt, нажмите Accesskey определенные ярлыки.

Opera браузер

Удерживая нажатой клавишу Shift, нажмите клавишу ESC, появляется список Accesskey ярлыков, определенных на этой странице, чтобы выбрать из.

браузер Safari

Удерживая нажатой клавишу Alt, нажмите Accesskey определенные ярлыки.

Различия между HTML 4.01 и HTML5

В HTML5, атрибут Accesskey может быть использован с любым HTML-элемента (он будет проверить, что любой элемент HTML, но не обязательно полезно).

В HTML 4.01, атрибут Accesskey может быть использован: , , , , , и

Блог Vaden Pro

  • 134 просмотра

Характеристики атрибута


В каких браузерах работает?

6.0+ 1.0+ 4.0+ 1.0+ 1.0+

Для чего используется

Принцип работы атрибута accesskey заключается в определении какого-либо произвольного сочетания клавиш для активизации заданного элемента при их нажатии.

Стоит учитывать, что каждый браузер использует свою определенную комбинацию для задействования данного атрибута, однако общим всегда остается буквенный символ или цифра, заданная в нем. К примеру, при accesskey=»A»

Alt + A
Alt + A
Shift + Esc, A
Alt + A
Shift + Alt + A

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

В каких тегах он может использоваться?

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

При этом содержать он может символы: 0-9, a-z.

Атрибут accesskey в HTML

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

Допустим у нас есть ссылка.

Данная ссылка как вы понимаете ведет на youtube и здесь мы воспользовались атрибутом accesskey в качестве его значения указали j. Что же это нам дает? А вот что, если мы нажмем горячую клавишу alt+j то у нас выполнится переход по ссылке. Это значит что данный атрибут позволяет задавать горячие клавиши элементам через которые мы можем их активировать.

Причем мы можем задавать и другие горячие клавиши к примеру:

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

То есть, мы с помощью атрибута accesskey можем создавать комбинации клавиш с alt, shift и указанным символом в атрибуте. Причем клавиша alt должна участвовать во всех комбинациях клавиш, так уж задумано.

Помимо ссылок, данный атрибут применим к следующим элементам:

Здесь понятно что мы можем использовать его для фокусировки в полях(textarea, input), нажатии кнопок и ссылок(a, button), а также активации элементов(area, label, legend).

В общем включайте воображение и пользуйтесь.

На этом дорогие друзья данная статья подошла к концу. Я с вами прощаюсь. Желаю удачи и успехов! Пока!

Илон Маск рекомендует:  Тег ul


HTML accesskey attribute

accesskey

The purpose of the HTML accesskey attribute is to specify the access key for accessibility/screen reading.

Supported elements

HTML accesskey attribute supports a, area, button, input, label, legend and textarea.

Syntax

Where ElementName is any of the supported elements.

Type of value

Type of value of HTML accesskey attribute is a character.

Value

Default value

There is no default value of HTML accesskey attribute.

Supported doctypes

HTML 4.01 strict, HTML 4.01 transitional, HTML 4.01 frameset.

Example of HTML accesskey attribute with a

Result

View this example in a separate browser window

Example of HTML accesskey attribute with button, input, label, legend and textarea

Result

View this example in a separate browser window

Example of HTML accesskey attribute with area

Result


View this example in a separate browser window

Учебник HTML5

» Всё о HTML5 на русском

Глобальный атрибут accesskey в HTML5

Указывает клавишу, которую можно использовать для доступа к элементу.

Принимаемые значения:

Строка любых символов. Символы этой строки указывают какую клавишу нужно нажать для доступа к элементу с этим атрибутом.

Примечание:

В разных операционных системах этот атрибут работает по разному. К примеру в Microsoft Windows для доступа к элементу требуется помимо горячей клавиши нажимать Alt, а в компьютерах с MacOS нажимать cmd.

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

a href =»http://html5blog.ru/» accesskey =»C» > Кликать тут (или нажать Alt+C) a >

горячей клавишей нужно нажать Alt+C, а в Internet Explorer — Alt+C и Enter.

HTML :: Атрибут accesskey

В HTML универсальный атрибут accesskey (от англ. accesskey – клавиша доступа) в качестве значения принимает клавишу доступа ( ‘key’ ), т.е. латинскую букву из диапазона a-z (раскладка клавиатуры должна быть переключена в режим английского языка) или цифру из диапазона 0-9 , и позволяет получить доступ к элементу при помощи комбинации клавиш, которая зависит от используемого браузера:

  • ‘alt’ + ‘key’ для Opera , Google Chrome и Яндекс.Браузер ,
  • ‘shift’ + ‘alt’ + ‘key’ для Mozilla Firefox .

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

Я – обычный абзaц, поэтому не факт, что атрибут accesskey
имеет смысл ко мне применять.

HTML accesskey Attribute

The accesskey attribute in HTML is used to set a shortcut key to activate or focus on an element.

Following is the syntax−

Above, char is the shortcut key.

On Windows, set the access key for different browsers−

Web Browser Windows OS
Safari [Alt] + accesskey
Chrome [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey

Let us now see an example to implement the accesskey attribute on Google Chrome web browser on Windows−

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL