Загальний 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Визначає швидку клавішу для активації елементу, або фокусуванні на ньому.
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
1.0+ |
1.0+ |
1.0+ |
4.0+ |
6.0+ |
Мобільних переглядачів ще не додано.
Мобільних переглядачів ще не додано.
Приклади
Простий приклад з використання швидких клавіш.
<a href="http://css.in.ua" accesskey="c">На головну</a> Різниця між HTML 4.01 та HTML5
У HTML5, атрибут accesskey може бути використаний на будь-якому HTML елементі (Тим не менш, це не завжди корисно).
В HTML 4.01, атрибут accesskey може бути використаний тільки на наступних елементах: <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea>
Різниця між XHTML та HTML
Немає жодної різниці.