HTML 액세스 키 속성
정의 및 사용
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 |
||
그러나 대부분의 브라우저에서는 바로 가기를 다른 키 조합으로 설정할 수 있습니다.
팁: 둘 이상의 요소에 동일한 액세스 키가 있는 경우 동작이 다릅니다.
- IE, Firefox: 누른 액세스 키가 있는 다음 요소가 활성화됩니다.
- Chrome, Safari: 선택한 액세스 키가 있는 마지막 요소가 활성화됩니다.
- Opera: 누른 액세스 키가 있는 첫 번째 요소가 활성화됩니다.
에 적용
액세스 키는 전역 속성 의 일부이며 모든 HTML 요소에서 사용할 수 있습니다.
| 요소 | 기인하다 |
|---|---|
| 모든 HTML 요소 | 액세스 키 |
예시
지정된 액세스 키가 있는 두 개의 하이퍼링크:
<a href="https://www.w3schools.com/html5" accesskey="h">HTML5</a><br>
<a href="https://www.w3schools.com/css3" accesskey="c">CSS3</a>
브라우저 지원
| Attribute | |||||
|---|---|---|---|---|---|
| accesskey | Yes | Yes | Yes | Yes | Yes |