accesskey 속성에 대해 알아보자.
acesskey 속성
accesskey 속성은 홈페이지를 만들다가 버튼에 단축키 기능을 넣고자 할 때 사용할 수 있는 속성이다.
단축키 사용하고자 할 때 아래 표에서 브라우져별 단축키를 참고하여 사용할 수 있다.
그러나 다른 단축키와 충돌이 일어날 수 있다고 하기때문에 왠만하면 개인 홈페이지에서는 이용하지 않는것을 권장 한다고 한다.
브라우져별 단축키
Windows | Linux | Mac | |
---|---|---|---|
Internet Explorer | Alt + 단축키 Alt + Shift + 단축키 |
없음 | |
Microsoft Edge | 없음 | Control + Opt + 단축키 Control + Opt + Shift + 단축키 |
|
Google Chrome | Alt + Shift + 단축키 | ||
Safari | 없음 | ||
Firfox | Alt + Shift + 단축키 | Firefox 14 이상: Control + Opt + 단축키 Firefox 13이하 : Control + 단축키 |
accesskey 사용
기본 예시
단축키를 사용하여 각각의 위치를 키보드로 선택할 수 있습니다.
Input type=text : 단축키 = I
Button : 단축키 = S
Textarea : 단축키 = T
예시에는 input, button, textarea만 넣어놓았으나 전역 특성으로 모든 HTML 태그에서 다 사용할 수 있다.
코드 확인
<input type="submit" accesskey="i"> <button accesskey="s">Button</button> <textarea accesskey="t"></textarea>
textarea는 모바일에서 안보이게 숨겨놓음.
참고
accesskey - HTML: Hypertext Markup Language