메뉴 버튼 (html5)에 대한 시맨틱 HTML 마크 업

Question

메뉴 버튼을 마크 업하는 가장 좋은 방법은 무엇입니까? 아이디어는 "추가"와 같은 텍스트 단추로 접어서 추가 할 수있는 옵션을 표시하는 것입니다.

나는 html5 태그 인 <menu> html5 태그를 좋아하지만 label 속성은 실제로 텍스트를 배치하는 JS가로드 된 경우에만 텍스트가 표시된다는 것을 의미하므로 레이블 속성이 나와 잘 어울리지 않습니다 (생성 된 CSS를 사용할 수 있음). 내용은 IE7/8에서는 작동하지 않습니다).

나는 <dl><dt>add</dt><dd>...</dd></dl> 구조에 대해 생각했지만 원하는 의미를 다루지는 않는다고 생각합니다.

의견이 있으십니까?

Answer 1

실제 요소를 레이블 안에 넣을 수 있으며 여전히 두 요소 사이의 적절한 관계를 유지할 수 있습니다. 예를 들어

:

하나의 라디오 버튼을 마크 업 할 방법

<label for="elementName"><element name="elementName" attribute="" attribute="">Element Label</element></label> 

와 유사합니다. 이런 종류의 접근법을 먼저 시도 할 것입니다. 그러나 정의 목록과 같이 단순한 정렬되지 않은 목록이 정의 목록이 아닌 실제로 찾고있는 목록 일 수 있습니다. 각 목록에 대해 dt와 dd를 지정해야합니다.