사용해야합니까

사용해야합니까

모래
• 내 안에
  에스?

---

제목은 거의 그것을 설명합니다.

이제 전용 <nav>태그 가 생겼으니

이거 :

<nav>
  <ul>
    <li><a href="#foo">foo</a></li>
    <li><a href="#bar">bar</a></li>
    <li><a href="#baz">baz</a></li>
  </ul>
</nav>

다음보다 나은가?

<nav>
  <a href="#foo">foo</a>
  <a href="#bar">bar</a>
  <a href="#baz">baz</a>
</nav>

CSS 포지셔닝 / 패딩에 추가 DOM 레벨이 필요하지 않다고 가정하면 선호되는 방법은 무엇이며 왜 그런가요?

---

nav 요소와 목록은 다른 의미 정보를 제공합니다.

• nav 요소는 주요 탐색 블록을 처리하고 있음을 알려줍니다.

• 목록은이 탐색 블록 내의 링크가 항목 목록을 형성 함을 알려줍니다.

에서 http://w3c.github.io/html/sections.html#the-nav-element 당신은 탐색 요소는 산문을 포함 할 수 있음을 알 수있다.

네, nav 요소 안에 목록을두면 의미가 추가됩니다.

---

이 시점에서 <ul><li>모든 브라우저가 HTML5 태그를 지원하지는 않기 때문에 요소를 유지합니다 .

예를 들어, <header>태그를 사용하여 문제가 발생 했습니다. Chrome과 FF는 매력처럼 작동했지만 Opera는 중단되었습니다.

모든 브라우저가 HTML을 완벽하게 지원할 때까지 HTML을 사용하지만 이전 버전과의 호환성을 위해 이전 버전을 사용합니다.

---

정말 당신에게 달려 있습니다. 일반적으로 정렬되지 않은 목록을 사용하여 탐색 메뉴를 마크 업하는 경우 <nav> 요소 내에서 계속 수행한다고합니다. <nav> 요소의 요점은 예를 들어 컴퓨터 리더로 사이트를 탐색하는 것이므로 목록을 사용하는지 또는 단순히 링크를 사용하는지는 중요하지 않습니다.

---

아니요, 동일합니다. HTML 5는 HTML 4 목록과 역 호환되므로 같은 관점에서 자유롭게 사용할 수 있습니다. 트레이드 오프는 두 번째 버전의 코드가 적습니다.

브라우저와 관련하여 이전 버전과의 호환성이 우려되는 경우 and와 같은 태그 기능을 제공하려면 이 shim 을 포함해야합니다 .<nav><article>

---

우리가 "책으로"말하고 있다면, 아닙니다. 탐색을 마크 업하기 위해 목록을 사용할 필요는 없습니다. 그들이 제공하는 유일한 장점은 스타일링시 더 나은 유연성을 제공한다는 것입니다.

---

<ul><li>새 태그 ( <nav>, <section>등 <article>)는 더 의미적인 버전 이기 때문에 태그를 유지합니다 <div>.

같은 이유로에 여러 개의 링크가있을뿐 아니라 태그 <div>안에 구성되어야합니다 <nav>.

---

나에게 비 순차 목록은 실제로 필요하지 않은 추가 마크 업입니다. HTML 문서를 볼 때 가능한 한 깨끗하고 읽기 쉬운 문서를 원합니다. 적절한 들여 쓰기를 사용하면 목록이 표시되고 있음이 이미 분명합니다. 따라서 이러한 태그에 UL을 추가하는 것은 불필요하며 문서를 읽기가 더 어렵습니다.

약간의 유연성을 얻을 수는 있지만 의미없는 ul 클래스로 마크 업을 부 풀리지 않고 한 번에 a 요소를 스타일링하는 것이 더 좋습니다. 그리고 변명의 여지가 없습니다. : before 및 : after 의사 선택기를 사용하십시오.

편집 : 일부 ARIA 스크린 리더는 목록을 간단한 앵커 태그와 다르게 취급한다는 것을 알고 있습니다. 귀하의 웹 사이트가 장애인을 대상으로하는 경우 목록 기반 접근 방식을 사용하는 것이 좋습니다.

---

There is a really detailed post on CSS Tricks about this exact question. It is obviously a hotly debated issue; the post has over 200 comments.

Navigation in Lists: To Be or Not To Be (CSS Tricks, Jan 2013)

참고URL : https://stackoverflow.com/questions/5544885/should-i-use-uls-and-lis-inside-my-navs