html5 NAV TAG 적절한 사용

내 페이지에 html 태그를 사용하기 시작했으며 NAV 태그의 올바른 사용법을 결정하려고합니다. 나는이 문서를 읽었으며, 내가 가지고있는 것에 대해서는 괜찮은 것처럼 보이지만, 대부분의 다른 개발자들은 "ul" "li"태그 내에 탐색 블록을 가지고있는 것으로 나타났습니다. div를 사용했습니다.html5 NAV TAG 적절한 사용

제 질문은 div가 아닌 "ul" "li"태그를 사용하는 데있어서 찬성/반대 의견이 무엇입니까?

다음과 같이 nav를 사용할 수 있습니까?

<nav> 
    <div id="navBar"> 
     <div id="navItem1"><a></a></div> 
     <div id="navItem2"><a></a></div> 
     <div id="navItem3"><a></a></div> 
     <div id="navItem4"><a></a></div> 
    </div> 
</nav>

출처

2011-08-09 SFox

게시 한 코드는 모범 사례가 아닙니다. 그것은해야한다 :


<nav> 
    <ul> 
     <li><a></a></li> 
     <li><a></a></li> 
     <li><a></a></li> 
     <li><a></a></li> 
    </ul> 
</nav>

<ul> 및 <li> 태그 div 태그를 사용하는 것보다 더 나은, 그리고 거의 항상 메뉴에 사용됩니다. ul 및 li 초를 사용하면 너무 많은 ID로 코드를 막히지 않습니다.

출처

2011-08-09 20:59:26

도움 주셔서 감사합니다. 그 가능성이 매우 높습니다 내 div를 ul/li로 변환합니다. 나는 nav 태그에 대한 ie7 지원에 대해 걱정한다. – SFox

그러면 다음과 같은 동사를 사용하는 것이 좋습니다. ' –

여러분, 고맙습니다. =) – SFox

사용자 정의에 따라 탐색 모음은 링크 목록으로 간주되므로 ul-li로 간주됩니다. 실제의 차이, 그냥 일반적인 관행은 UL은 (

무슨 일을하는 것은 괜찮지 altought 어쩌면 내가 anidation 레벨을

출처

2011-08-09 21:01:38 Einacio

-1. 실제 차이점이 있습니다. 화면 판독기를 사용하는 사용자는 목록을 사용하여 페이지를 탐색하고, 자동화 된 도구는이를 사용하여 구조를 작성하고, 검색 엔진은 페이지를 색인화 할 때 다양한 이유로 사용할 수 있습니다. –

목록을 줄이기 위해, 탐색 # 네비게이션 바와 직접 사업부 번호의 네비게이션 바 교체 것 없다 , ol)은 액세스 가능한 브라우저 (화면 판독기 등)에서 추가적인 의미를 가질 수 있지만 div는 그렇지 않습니다. 이렇게하면 해당 사용자가 귀하의 사이트를보다 쉽게 사용할 수있게되고 메뉴에 선호되는 이유 목록 중 하나가됩니다.

또한 다른 사람들이 말했듯이, list 태그는 컨텍스트 (메뉴는 링크 목록)를 제공하지만 div는 컨텍스트가 없습니다.

출처

2011-08-09 21:03:35

html5 NAV TAG 적절한 사용

답변

관련 문제