시맨틱 버튼 마크 업

Question

아래 HTML이 HTML을 통해 어떻게 표시되는지 궁금합니다. 목록이 맞는지, 분리 된 div (스팬 일지 어떨까요?) 또는 탐색 (html 5)인지 여부는 확실하지 않습니다.

맨 왼쪽의 버튼은 독립형입니다. 그런 다음 제목이 중앙에 있습니다. 그런 다음 버튼 그룹 (뒤로/다음). 그런 다음 맨 오른쪽의 버튼 (알림).

모든 버튼과 제목은 아래의 내용을 참조하고 그에 따라 행동합니다. 이 탐색 그리고 당신이 그것을 의미하고 싶다면

button   Title of page below  button(back) button(next)  button 

Answer 1

, 당신은이 nav 태그에 포장해야한다. Nav 태그는 HTML5 만 의미 론적으로 탐색을 설명합니다. 나는 이런 식의 구조를 것입니다 : 그것은 탐색을위한 앵커 태그를 사용하고 적절한처럼 보이는 그 스타일을하는 것이 좋습니다이야

<nav> 
    <ul> 
     <li><a href="#">Button</a></li> 
     <li><h1>Title</h1></li> 
     <li><a href="#">Back</a></li> 
     <li><a href="#">Next</a></li> 
     <li><a href="#">Button</a></li> 
    </ul> 
</nav> 

. 가장 중요한 표제이기 때문에 제목에 <h1>을 사용해야합니다.