> 文章列表 > HTML5 <nav> 标签、HTML5 <noscript> 标签

HTML5 <nav> 标签、HTML5 <noscript> 标签

HTML5 <nav> 标签、HTML5 <noscript> 标签

HTML5 <nav> 标签

实例

HTML5 <nav>标签用于表示HTML页面中的导航,可以是页与页之间导航,也可以是页内的段与段之间导航。

一个导航链接实例:

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

尝试一下 »


浏览器支持

目前大多数浏览器支持 <nav> 标签。


标签定义及使用说明

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

并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。

在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。


HTML 4.01 与 HTML5中的差异

<nav> 是 HTML5 的新标签。


全局属性

<nav> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<nav> 标签支持所有 HTML事件属性。

提示:由于<nav>标签是HTML5中的新标签,所以如果你使用的IE浏览器版本过低的话,相关的布局将会是无效的,并且CSS样式也随之失效!

 

HTML5 <noscript> 标签

实例

<noscript> 标签的使用:

<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

尝试一下 »


浏览器支持

目前大多数浏览器支持 <p> 标签。


标签定义及使用说明

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。

此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。


提示和注释

提示:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。

注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!

<script> <!-- function displayMsg() { alert("Hello World!") } //--> </script>


在HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中,<noscript> 标签只允许插入到 <body> 元素中。

在 HTML5 中,<noscript> 标签可以插入到 <head> 和 <body> 区域中。


在HTML 与 XHTML 之间的差异

XHTML 不支持 <noscript> 标签。


全局属性

<noscript> 标签支持全局属性,查看完整属性表 HTML全局属性。


相关文章

HTML 教程:HTML 脚本