kbd 요소

정의

keyboard(user input); kbd 요소는 사용자의 입력을 의미하며 보통 키보드를 의미하지만 음성 명령과 같은 다른 입력도 가능합니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

기본 문법은 다음과 같습니다. 데모

<p>보통의 텍스트는 이 곳에 이렇게 위치합니다. <br>
<kbd>사용자의 입력을 나타내는 텍스트는 여기에 위치시킵니다.</kbd>
</p>

키 입력 방법을 안내하는 마크업 사용자에게 키 입력 방식을 설명하고자 할 때 각각의 키를 kbd 요소로 감싸고 조합되는 키를 kbd 요소로 다시 감싸면 하나의 입력 블럭을 의미하게 됩니다.

<p>맥OS에서 화면을 캡쳐하는 단축키는 <kbd><kbd>Command</kbd>+<kbd>Shift</kbd>+<kbd>3</kbd></kbd>입니다.</p>

시스템 응답을 kbd 요소로 마크업하는 경우 웹사이트를 탐색하거나 웹 애플리케이션을 사용하는 사용자에게 특정한 메뉴를 선택할 것을 요구할 수 있습니다. 이때 메뉴는 키가 아니지만 kbd 요소로 마크업할 수 있습니다. 또한, 시스템이 나타내 주는 메뉴명은 samp 요소로 마크업할 수 있습니다.

<p>현재 화면을 확대하는 기능은 웹브라우저 메뉴 목록 가운데 <kbd><samp>보기</samp> | <samp>확대</samp></kbd>를 선택하면 됩니다.</p>

하지만 다음과 같이 간단히 마크업해도 됩니다.

<p>현재 화면을 확대하는 기능은 웹브라우저 메뉴 목록 가운데 <kbd>보기 | 확대</kbd>를 선택하면 됩니다.</p>

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/kbd.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki