empty pages

2009-11-08

Accesskey (HTML+CSS)

categories: WebDev — tags: , ,   

Пересматривал свои знания по верстке HTML – заметил пробел. Как-то я упустил возможность использования shortcut на страницах.

Пример:

<a href="http://google.com" accesskey="G">Google site</a> press alt+shift+G to go.

Google site press alt+shift+G to go.

Если в FF нажать alt+shift+G то случиться переход на сайт.

неприятная особенность в том что в разных браузерах различные модификаторы (например в FF по умолчанию alt+shitf+…, а в IE alt+ а потом еще и Enter нажать)

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

И еще пример:
<style>
#home:after { content: " [Alt+Shift+" attr(accesskey) "]";
}
</style>

<a href=»http://look-in.net» id=»home» accesskey=»h»>Go Home</a>

Go Home

1 комментарий »

  1. Ещё некоторые браузеры, например Opera, по особой клави?е (для Opera — Shift+Esc) показывают список всех горячих клави? с описаниями. ? чтобы в этом списке были именно описания, а не просто ссыки, нужно рядом с атрибутом accesskey указать атрибут title. НАпример, вот так:
    <a href="http://google.com" accesskey="d" title="Go to Google">Google site</a> press alt+shift+D to go.
    Google site press alt+shift+D to go.

    Comment by Евгений — 2010-08-19 @ 11.36 пп

RSS feed for comments on this post. TrackBack URL

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

englishru

Powered by WordPress