แท็ก <nav> หลายแท็ก

เราสามารถใช้หลายแท็กในหน้าเดียวกันใน html5 ได้หรือไม่?

ฉันได้อ่านนี้บทความเกี่ยวกับ Zeldman.com แต่ก็ไม่ได้ทั้งหมดชัดเจนกับผม

กล่าวคือ

<header><nav>links here</nav></header>

<footer><nav>links here</nav></footer>

ใช่แน่นอน คุณสามารถมีหลายheader, navและfooterแท็กซองโทษ

ตราบเท่าที่คุณแน่ใจว่าคุณใช้แท็กตามความหมายและคุณไม่ได้วางแท็กไว้ในที่ที่ไม่ถูกต้อง (เป็นองค์ประกอบระดับบล็อกดังนั้นคุณจึงไม่สามารถวางไว้ในองค์ประกอบแบบอินไลน์ได้เช่น) คุณควร ไม่ต้องกังวลมากเกินไปเกี่ยวกับสิ่งที่ผู้ยึดติดพูด ทั้งหมดนี้เป็นเรื่องง่ายที่จะโต้เถียงเกี่ยวกับรายละเอียดเล็ก ๆ น้อย ๆ แทนที่จะเดินหน้าต่อไปในโครงการของคุณ

คำตอบคือใช่ คุณสามารถมี<nav>แท็กในส่วนท้ายสำหรับข้อมูลการตรวจสอบมากขึ้นMDN<nav>เอกสาร

ใช่การมีหลาย<nav>องค์ประกอบก็ใช้ได้

คุณต้องแน่ใจว่าคุณกำลังทำให้มันแตกต่างสำหรับผู้ที่ใช้โปรแกรมอ่านหน้าจอ คุณสามารถทำได้โดยการติดฉลากแต่ละใช้<nav>aria-label

<nav aria-label=’primary’>
  <ul>
    ...List on links here...
  </ul>
</nav>
<nav aria-label=’secondary’>
  <ul>
    ...List on links here...
  </ul>
</nav>

หรือหาก<nav>เป็นข้อความที่มองเห็นได้บนหน้าจอซึ่งสามารถระบุได้ว่าเป็นองค์ประกอบการติดฉลากคุณสามารถใช้aria-labelledbyดังนี้:

<nav aria-label="Site Menu">
  <ul>
    ...List on links here...
  </ul>
</nav>
<article>
  <h1>Title</h1>
  ...
  <nav aria-labelledby="id-1">
    <h2 id="id-1">
      Related Content
    </h2>
    <ul>
      ...List on links here...
    </ul>
  </nav>
</article>

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับการใช้หลายนำร่องสถานที่สำคัญ