- 전체(91)
- html5(1)
- web accessibility(11)
- Cross Browsing(20)
- html basic(7)
- css basic(23)
- meta(2)
- form(12)
- table(2)
- menu(2)
- box(1)
- button(1)
- font(1)
- etc(8)
- CSS 애니메이션
accesskey 속성
정의
accesskey 속성은 사용자 에이전트에 의해 요소를 활성화시키거나 포커스를 갖게끔 하는 단축키를 생성하기 위한 가이드로 사용됩니다.
속성 값
공백문자로 구분된 토큰(token)이며, 유니코드 값이어야 합니다.
예제
<dl> <dt><label for="uid">아이디</label></dt> <dd class="uid"><input name="id" type="text" id="uid" maxlength="25" class="input_text" title="아이디" accesskey="L"></dd> <dt><label for="upw">비밀번호</label> </dt> <dd class="upw"><input name="pw" type="password" id="upw" maxlength="16" class="input_text" title="비밀번호"></dd> </dl>
메모
Accesskey 속성은명세에 Ctrl + Alt 조합키로 사용될수 있다고 명시되어 있지만, 사용자 에이전트별로 차이가 있을 수 있습니다. 또한, 윈도우와 매킨토시에서의 조합키도 다를 수도 있습니다. 다음은 주요 브라우저별 윈도우와 매킨토시에서의조합키입니다.
웹 브라우저 | 윈도우 | 매킨토시 |
---|---|---|
Internet Explorer | alt | - |
Firefox 2+ | Alt + Shift | Ctrl |
Opera | Shift + Esc | |
Safari 3+ | Alt | Ctrl |
Google Chrome | Alt ( + Shift) | Ctrl + Opt |
[출처]http://html5ref.clearboth.org/doku.php?id=html5:attribute:accesskey
댓글 0
댓글 쓰기 권한이 없습니다.
8 | 디자이너를 위한 오픈소스 프로젝트 6선 | 2017.04.27 |
7 | 이메일별 border-radius 처리 방법 | 2017.03.14 |
6 | CSS를 최적화하고 파일크기를 줄이는 15가지 방법 | 2017.03.14 |
5 | sss | 2015.09.16 |
4 | html 특수문자 | 2015.08.18 |
> | accesskey | 2014.11.14 |
2 | Cufon 사용방법 | 2014.07.01 |
1 | 익스플로러에 드림위버를 기본 편집기로 만들기 | 2009.09.09 |