html загальний атрибут accesskey
Атрибут accesskey дозволяє отримати доступ до елементу за допомогою клавіш заданих в атрибуті буквою або цифрою.
Браузери при цьому використовують різні комбінації клавіш:
| Browser | Windows | Linux | Mac |
|---|---|---|---|
| Internet Explorer | [Alt] + `accesskey` | N/A | |
| Chrome | [Alt] + `accesskey` | [Alt] + `accesskey` | [Control] [Alt] + `accesskey` |
| Firefox | [Alt] [Shift] + `accesskey` | [Alt] [Shift] + `accesskey` | [Control] [Alt] + `accesskey` |
| Safari | [Alt] + `accesskey` | N/A | [Control] [Alt] + `accesskey` |
| Opera | Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey |
||
Зазвичай елемент при використанні комбінації клавіш отримує фокус, але конкретна дія залежить від застосовуваного тега. Наприклад:
- для
<a>відбудеться перехід за посиланням - для текстових полів наведеться фокус
- для прапорців (
<input type="checkbox">) буде поставлена пташка
Порада: Кожен веб-переглядач по-своєму реагує на те, коли більше як один елемент має однакові accesskey:
- IE, Firefox: Наступний елементбуде активований
- Chrome, Safari: останній елемент буде активований
- Opera: перший елемент буде активований
Синтаксис
<a accesskey="[число (0-9) або латинська буква (a-z)]">...</a>Атрибут accesskey може отримувати єдине значення:
-
character -
Визначає швидку клавішу для активації елементу, або фокусуванні на ньому.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| 1.0+ | 1.0+ | 1.0+ | 4.0+ | 6.0+ |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Посиланню призначено швидку клавішу c: натисни Alt+C (Firefox — Alt+Shift+C, macOS — Ctrl+Option+C), і воно спрацює без миші.
<p><a href="https://css.in.ua" accesskey="c">На головну css.in.ua</a></p>
<p><em>Натисни Alt+C (Firefox: Alt+Shift+C, macOS: Ctrl+Option+C).</em></p>Різниця між HTML 4.01 та HTML5
У HTML5, атрибут accesskey може бути використаний на будь-якому HTML елементі (Тим не менш, це не завжди корисно).
В HTML 4.01, атрибут accesskey може бути використаний тільки на наступних елементах: <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea>
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!