Bu yazımızda, HTML5 etiketlerinden accesskey etiketini kullanarak HTML elemanına klavye kısa yolu tanımlaması yapacağız. Temel olarak kod yapısı aşağıdaki gibidir.
HTML yapısı:
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>accesskey özelliği</title>
</head>
<body>
<a href="http://www.pinusart.com/" accesskey="p">Pinusart></a>
<a href="http://www.google.com.tr/" accesskey="g">Google></a>
</body>
</html>
Fig.1 accesskey özelliği: "accesskey" özelliği ile HTML elemanına klavye kısa yolu tanımlama.
Açıklamalar:
- Bu uygulamamızda "accesskey" etiketini kullanarak "a" etiketine klavye kısa yolu ataması yaptık.
Yukarıdaki kod yapısında görüldüğü gibi pinusart için "p" google için ise "g" klavye kısa yolu atamasını oluşturduk.
Ancak "accesskey" ile oluşturduğumuz klavye kısa yolları her tarayıcıda farklı şekilde çalışmaktadır:
- IE, Chrome, Safari, Opera 15+: [ALT] + accesskey "Bu tarayıcılardan birini kullanıyorsak,Pinusart linkini açabilmek için "[ALT] + p" tuşlarını kullanmamız gerekir."
- Opera prior version 15: [SHIFT] [ESC] + accesskey "Bu tarayıcılardan birini kullanıyorsak, Pinusart linkini açabilmek için "[SHIFT] [ESC] + p" tuşlarını kullanmamız gerekir."
- Firefox: [ALT] [SHIFT] + accesskey "Bu tarayıcı kullanıyorsak, Pinusart linkini açabilmek için "[ALT] [SHIFT] +p" tuşlarını kullanmamız gerekir.
Kolay gelsin, görüşmek üzere...
