小码哥的IT人生

HTML <nav> 标签 详解

HTML基础 2022-06-02 09:41:50小码哥的IT人生shichen

HTML <nav> 标签

实例

<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器支持

元素 Chrome IE Firefox Safari Opera
<nav> 5.0 9.0 4.0 5.0 11.1

Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <nav> 标签。

注释:Internet Explorer 8 以及更早的版本不支持 <nav> 标签。

定义和用法

<nav> 标签定义导航链接的部分。

HTML 4.01 与 HTML 5 之间的差异

<nav> 标签是 HTML 5 中的新标签。

提示和注释

提示:如果文档中有“前后”按钮,则应该把它放到 <nav> 元素中。

全局属性

<nav> 标签支持 HTML 中的全局属性

事件属性

<nav> 标签支持 HTML 中的事件属性

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024