HTML标签-yiteyi-C++库

null

导航标签是为主要导航区域保留的，比如页面或部分顶部的主菜单。一个文档可能有几个导航元素，例如站点导航和一个页面内导航。nav标签内的链路可以是ul列表中的代码，也可以简单地编码为单独的链路，而不包含ul元素。该元素使创建导航菜单变得更加容易，创建了一个整洁的文本链接水平菜单，并帮助屏幕阅读软件正确识别文档中的主要导航区域。

语法：

<nav> Links... </nav>

例子：

html

                         <!DOCTYPE html>                       
                         <                                     html                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     h1                                     >GeeksforGeeks</                                     h1                                     >                       
                                                 <                                     h2                                     > HTML nav Tag</                                     h2                                     >                       
                                                 <!-- nav tag starts -->                       
                                                 <                                     nav                                     >                       
                                                 <                                     a                                     href                                     =                                     "#"                                     >Home</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                                     "#"                                     >Interview</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                                     "#"                                     >Languages</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                                     "#"                                     >Data Structure</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                                     "#"                                     >Algorithm</                                     a                                     >                       
                                                 </                                     nav                                     >                       
                                                 <!-- nav tag ends -->                       
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       

输出：

图片[1]-HTML标签-yiteyi-C++库

例子： 使用CSS设置导航样式。

html

                         <!DOCTYPE html>                       
                         <                                     html                                     >                       
           
                         <                                     head                                     >                       
                                                 <                                     style                                     >                       
                                                 nav {                       
                                                 border: 1px;                       
                                                 background-color: green;                       
                                                 color: white;                       
                                                 padding: 6px;                       
                                                 }                       
                                   
                                                 a {                       
                                                 text-decoration: none;                       
                                                 color: white;                       
                                                 font-size: 20px;                       
                                                 }                       
                                                 </                                     style                                     >                       
                         </                                     head                                     >                       
           
                         <                                     body                                     >                       
                                                 <                                     h1                                     >GeeksforGeeks</                                     h1                                     >                       
                                                 <                                     h2                                     >HTML nav Tag</                                     h2                                     >                       
                                                 <!-- nav tag starts -->                       
                                                 <                                     nav                                     >                       
                                                 <                                     a                                     href                                     =                       
                         "                           https://www.geeksforgeeks.org/                          "                                     >                       
                                                 Home</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                       
                         "                           https://www.geeksforgeeks.org/company-interview-corner/                          "                                     >                       
                                                 Interview</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                       
                         "                           https://www.geeksforgeeks.org/gate-cs-notes-gq/                          "                                     >                       
                                                 Gate</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                       
                         "                           https://www.geeksforgeeks.org/data-structures/                          "                                     >                       
                                                 Data Structure</                                     a                                     > |                       
                                                 <                                     a                                     href                                     =                       
                         "                           https://www.geeksforgeeks.org/fundamentals-of-algorithms/                          "                                     >                       
                                                 Algorithm</                                     a                                     >                       
                                                 </                                     nav                                     >                       
                                                 <!-- nav tag ends -->                       
                         </                                     body                                     >                       
           
                         </                                     html                                     >                       