html5---nav标签

nav是新增的html标签，只要html中使用nav标签，这样的布局就变成使用html5布局的网页。但html5新增标签局限性，低版本的IE浏览器不支持。

如果低版本浏览器浏览html5标签，对应布局将失效。设置的css样式也是无效的。所以要谨慎选择使用。

一般传统网页通常不会使用html5新增标签布局，所以注意选择使用。

智能手机浏览网页、平板电脑浏览的网页可以适当使用html5新增标签或者新增css3样式布局。

例如：div+ul+li+css 布局导航类布局。然后在使用nav+ul+li+css 布局，同时再在nav的基础上对nav设置class改变其布局对比效果。

<ul>

<li><a href="">html教程</a></li>

<li><a href="">css教程</a></li>

</ul>

</div>

<nav>

<ul>

<li><a href="">html教程</a></li>

<li><a href="">css教程</a></li>

</ul>

</nav>

控制布局的样式结构如下：

ul,li{padding:0;margin:0;list-style:none;}

.nav{width:600px;overflow:hidden;border:1px solid #000;}

.nav li{padding:0 5px; line-height:22px; float:left;}

.nav li a:hover{color:#ffee00;}

nav{width:600px;overflow:hidden;border:1px solid #000;}

nav li{padding:0 5px; line-height:22px; float:left;}

nav li a:hover{color:#ffee00;}

</style>

html5---nav标签相关推荐

php nav,HTML5 nav标签怎么用
这次我们来说一下对h5的footer标签,nav的基本语法和结构,nav配合什么标签使用,在什么情况下可以使用,帮助大家快速理解nav. 首先nav也是在html5中新增的元素标签.同时和其它新增标签 ...
使用HTML5 nav标签和无序列表ul标签实现导航栏
<!doctype html> <html> <dead> <meta charset="UTF-8"> <style typ ...
html nav文字位置,HTML: nav 标签
在线示例一个导航链接示例: 示例html> HTML5 nav标签的使用(基础教程网 nhooo.com) Section1 Section2 Section3 测试看看 ‹/› 浏览器兼容性 ...
html去掉nav的圆点,web前端分享HTML5中的nav标签
web前端分享HTML5中的nav标签,nav标签全称navigation,顾名思义,是导航的意思.根据HTML5的相关标准定义如下: "A section of a page that l ...
html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签，article标签
1.html5结构标签 <!DOCTYPE html><html> <head> <meta charset="utf-8"/> & ...
web前端分享HTML5中的nav标签学习笔记
好程序员web前端分享HTML5中的nav标签学习笔记,nav标签全称navigation,顾名思义,是导航的意思.根据HTML5的相关标准定义如下: "A section of a pag ...
关于html5新加的nav标签
nav标签,即导航,代码如下:挺好理解的 <nav> <a href="/html/">HTML</a> | <a href=" ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
20 Java程序员面试宝典视频课程之HTML5新标签、功能
一.HTML5认识?(是什么,为什么) 答: 1.HTML5指的是包括 HTML . CSS 和 JavaScript 在内的一套技术组合. 2.HTML4陈旧不能满足日益发展的互联网需要,特别是移动 ...
html5新特性移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...

html5---nav标签

html5---nav标签相关推荐

最新文章

热门文章