แท็ก <nav> ใน HTML

แท็ก <nav> ใน HTML

องค์ประกอบ <nav> ใน HTML ใช้สำหรับตั้งค่าลิงก์นำทาง (navigation links) ในเอกสาร HTML แท็กนี้ถูกนำมาใช้ใน HTML5

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <nav>
    <a href="/tutorialslibrary/">บทเรียน</a> |
    <a href="/programming_examples/">โค้ด</a> |
    <a href="/online_dev_tools/">เครื่องมือ</a> |
    <a href="/articles/">บทความ</a> |
    <a href="/questions/index.php/">ถาม-ตอบ</a> |
    <a href="/current_affairs/index.htm/">ข่าวสาร</a>
  </nav>
</body>
</html>

ผลลัพธ์

ข้างต้น เราได้ตั้งค่าไฮเปอร์ลิงก์บางส่วนด้วยแท็ก <a> และแอตทริบิวท์ href:

<a href="/tutorialslibrary/">บทเรียน</a> | <a href="/programming_examples/">โค้ด</a> | <a href="/online_dev_tools/">เครื่องมือ</a> | <a href="/articles/">บทความ</a> | <a href="/questions/index.php/">ถาม-ตอบ</a> | <a href="/current_affairs/index.htm/">ข่าวสาร</a>

เพื่อจัดเรียงให้เหมาะสม เราได้ใช้องค์ประกอบ <nav>:

<nav>
  <a href="/tutorialslibrary/">บทเรียน</a> |
  <a href="/programming_examples/">โค้ด</a> |
  <a href="/online_dev_tools/">เครื่องมือ</a> |
  <a href="/articles/">บทความ</a> |
  <a href="/questions/index.php/">ถาม-ตอบ</a> |
  <a href="/current_affairs/index.htm/">ข่าวสาร</a>
</nav>