`

HTML 5 新标签<nav>

 
阅读更多
<nav> 标签定义导航链接的部分。可用来嵌套文档中的“前后”按钮使用。
<body>
   <nav>
     <a href="index.asp">Home</a>
     <a href="html5_meter.asp">Previous</a>
     <a href="html5_noscript.asp">Next</a>
   </nav>
</body>


也可以包含一些导航元素,如主菜单或主导航块。
<body>
   <nav>
     <ul>
       <li>home1</li>
       <li>home2</li>
       <li>home3</li>
     </ul>
   </nav>
</body>




http://www.w3school.com.cn/html5/tag_nav.asp
分享到:
评论

相关推荐

    HTML 5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div>和<span>标签,但有一定含义,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口,如<audio>和<video>标记。[3]

    其中有些是技术上类似&lt;div&gt;和&lt;span&gt;标签,但有一定含义,例如&lt;nav&gt;(网站导航块)和&lt;footer&gt;。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口...

    HTML5 对各个标签的定义与规定:nav

    ### HTML5中的`&lt;nav&gt;`标签详解 #### 一、`&lt;nav&gt;`标签的基本概念 在HTML5中,`&lt;nav&gt;`是一个非常重要的语义化标签,它主要用于组织页面中的导航链接部分。通过使用`&lt;nav&gt;`标签,开发者能够更好地表示网站的导航结构...

    HTML绿色食品网站页面

    在HTML5中,新的语义化标签如&lt;header&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;, &lt;aside&gt;, 和&lt;footer&gt;被引入,以更好地描述网页内容结构。例如,&lt;header&gt;通常用于包含网站的logo、导航链接和搜索栏;&lt;nav&gt;则用于定义导航链接...

    HTML5 对各个标签的定义与规定:section

    在HTML5中,为了更好地组织和呈现网页内容,引入了一系列新的语义化标签,其中`&lt;section&gt;`标签是一个非常重要的组成部分。它不仅有助于提高网页的可读性和可维护性,还能够帮助搜索引擎更好地理解网页结构,从而提升...

    h5下nav导航

    在HTML5中,`&lt;nav&gt;`元素是网页结构语义化的一个重要部分,它用于定义网站的主要导航链接区域。这个标签的引入是为了更好地表达页面内容的结构,提高可读性和可访问性,对于搜索引擎优化(SEO)也具有积极影响。在...

    Web前端基础:HTML5语义化标签.pptx

    HTML5 是一种重要的前端技术,它为Web开发者提供了许多新的特性和改进,其中包括语义化标签的引入。这些标签的设计目的是增强网页内容的结构和意义,使得内容在没有CSS样式的情况下也能保持良好的逻辑结构,同时方便...

    html标签介绍大全

    &lt;header&gt;、&lt;nav&gt;、&lt;main&gt;、&lt;footer&gt;等语义化标签可用于构建现代网页结构。 十四、HTML5新增标签 HTML5引入了更多语义化的标签,如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;、&lt;section&gt;、&lt;aside&gt;、&lt;details&gt;、&lt;summary&gt;等,以...

    html5 中文手册

    * 结构化标签:&lt;header&gt;、&lt;nav&gt;、&lt;main&gt;、&lt;section&gt;、&lt;article&gt;、&lt;aside&gt;、&lt;footer&gt; * 内容标签:&lt;p&gt;、&lt;span&gt;、&lt;div&gt;、&lt;h1&gt; to &lt;h6&gt;、&lt;blockquote&gt; * 多媒体标签:&lt;img&gt;、&lt;audio&gt;、&lt;video&gt; * 表单标签:&lt;form&gt;、...

    前端开发开发入门技巧点以及教程知识点总结.docx

    学习和使用常见的HTML标签,如标题标签(&lt;h1&gt;至&lt;h6&gt;)、段落标签&lt;p&gt;、图像标签&lt;img&gt;、链接标签&lt;a&gt;、列表标签&lt;ul&gt;/&lt;ol&gt;/&lt;li&gt;等。 理解HTML5新增的语义化标签,比如&lt;header&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;, &lt;footer&gt;等...

    html标签及用法

    HTML5引入了许多新标签,如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;article&gt;、&lt;aside&gt;等,增强了语义化,便于机器理解和SEO优化。 学习HTML标签及用法,不仅要理解每个标签的功能,还要学会如何组合使用,以创建出结构清晰、...

    HTML5+CSS3 HTML5结构性标签体系.pdf

    &lt;li&gt;&lt;a href="#"&gt;HTML 5&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;CSS&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;JavaScript&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;article&gt; &lt;p&gt;这是一篇讲述 HTML 5 新结构标签的文章。&lt;/p&gt; &lt;/...

    详解HTML5常用的语义化标签

    快速查询 article | aside | nav | section | header | footer ... &lt;li&gt;&lt;a&gt;Html5&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; article 定义文章 装载显示一个独立的文章内容,论坛帖子、新闻、博客文章、用户评论等,

    html5标签整理

    &lt;title&gt;我的HTML5页面&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;h1&gt;欢迎来到我的网站&lt;/h1&gt; &lt;/header&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#home"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#...

    HTML5新标签

    HTML5 新标签 HTML5 中引入了许多新的标签,以取代旧的标签,并提供了更好的语义和结构。...同时,HTML5 也摒弃了一些旧的标签,如 `&lt;acronym&gt;`、`&lt;applet&gt;`、`&lt;basefont&gt;` 等,取代它们的是新的语义更加明确的标签。

    html5 语义化标签.pdf

    随着HTML5的出现,一系列新的语义化标签应运而生,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;hgroup&gt;`、`&lt;nav&gt;`和`&lt;aside&gt;`等。 `&lt;header&gt;`元素用于表示网页或section的页眉,可以包含`&lt;h1&gt;`到`&lt;h6&gt;`的标题元素,以及导航、搜索...

    HTML各种导航栏例子

    在这个例子中,`&lt;ul&gt;`表示无序列表,`&lt;li&gt;`则是列表项,`&lt;a&gt;`是链接标签,通过`href`属性指定目标页面。 二、响应式导航栏 随着移动设备的普及,响应式设计变得至关重要。HTML5引入了媒体查询(Media Queries),...

    HTML5标签文档

    新标签如`&lt;section&gt;`, `&lt;article&gt;`, `&lt;nav&gt;`, `&lt;aside&gt;`等,使得网页内容结构更加清晰。同时,新增了一些表单元素和多媒体元素,以支持更丰富的互动和多媒体体验。 ### HTML5基础标签 - `&lt;html&gt;`:代表整个HTML...

    HTML5 对各个标签的定义与规定:header

    ### HTML5中的`&lt;header&gt;`标签详解 #### 标签定义 在HTML5中,`&lt;header&gt;`标签被用于定义文档或文档内某一部分(如&lt;section&gt;或&lt;article&gt;)的头部区域。它常用于存放一些引言性或者导航性的内容。这种元素可以包括一些...

    详细的HTML5标签介绍

    除了基础标签,HTML5还引入了许多新的标签和功能,比如用于定义导航菜单的&lt;nav&gt;、用于定义独立内容区域的&lt;article&gt;、用于定义侧边栏内容的&lt;aside&gt;、用于定义页面主要内容的&lt;main&gt;等等。这些新标签帮助开发者更好地...

    HTML5所有标签汇总及标签意义解释.doc

    一些HTML4标签在HTML5中被弃用,如纯表现的`&lt;basefont&gt;`, `&lt;big&gt;`, `&lt;center&gt;`, `&lt;font&gt;`, `&lt;s&gt;`, `&lt;strike&gt;`, `&lt;tt&gt;`, `&lt;u&gt;`,以及对可访问性有负面影响的`&lt;frame&gt;`, `&lt;frameset&gt;`, `&lt;noframes&gt;`,还有可能引起混淆...

Global site tag (gtag.js) - Google Analytics