整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
例
一个导航链接实例：
<nav><ahref="/html/">HTML</a> | <ahref="/css/">CSS</a> | <ahref="/js/">JavaScript</a> | <ahref="/jquery/">jQuery</a></nav>
浏览器支持
目前大多数浏览器支持 <nav> 标签。
标签定义及使用说明
<nav> 标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。
在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。
HTML 4.01 与 HTML5中的差异
<nav> 是 HTML5 的新标签。
全局属性
<nav> 标签支持全局属性，查看完整属性表 HTML全局属性。
事件属性
<nav> 标签支持所有 HTML事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
PC端进行网页制作时，经常使用固定像素并且内容居中的网页布局，为了适应小屏幕的设备，在移动设备和跨平台(响应式)网页开发过程中，多数使用流式布局，下面我们就对流式布局进行详细介绍。
流式布局是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度，也称百分比自适应的布局。 流式布局实现方法是将CSS固定像素宽度换算为百分比宽度。换算公式如下: 目标元素宽度/父盒子宽度=百分数宽度 下面通过一个案例来演示固定布局如何转换为百分比布局，如demo4-1.html 所示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>固定布局转换为百分比布局</title>
<style type="text/css">
body>*{ width: 980px; height:auto; margin:0 auto;
margin-top:10px;
border:1px solid #000; padding:5px;}
header{ height:50px;}
section{ height: 300px;}
footer{ height:30px;}
section>*{ height:100%; border:1px solid #000; float:left;}
aside{ width:250px;}
article{ width:700px; margin-left:10px;}
</style>
</head>
<body>
<header>header</header>
<nav>nav</nav>
<section>
<aside>aside</aside>
<article>article</article>
</section>
<footer> footer</footer>
</body>
</html>
打开Chrome浏览器访问demo4-1.html，页面效果如下图所示。
可以尝试改变浏览器窗口的大小，页面元素的大小不会随浏览器窗口改变，如下图所示。
下面修改demo4-1样式代码，将所有宽度修改为百分比的形式，具体如下:
<style type="text/css">
body>*{ width:95%; height:auto; margin:0 auto; margin-top:10px;
border:1px solid #000; padding :5px; }
header{ height:50px; }
section{ height: 300px; }
footer{ height:30px;}
section>*{ height:100%; border:1px solid #000; float:left; }
aside{ width:25.510204%; /*250÷980*/}
article{ width: 71.428571%; /*700÷980*/margin-left:1.0204088%;}
</style>
实，HTML5程序语言基本上全部支持任何HTML格式的代码，如果你的网站是以往版本的HTML程序语言，基本上是不需要改的。如果网站是HTML5代码，对一些不兼容HTML5的浏览器来说，还要反改成HTML代码。如果真的要改，可以这样做：
首先，旧HTML的DOCTYPE比较累赘，通常是<!DOCTYPE html+一大串内容>，在HTML5中，只需要把后面的内容全部删除，变成<!DOCTYPE html>就可以了。
第二，HTML5中新增了一些语义元素，相比HTML的div标签，这些新语义元素可以直接使用。比如：
<header>：用来定义文档的页眉，也可用在网页内容上，可包含搜索表单，导航，页面标识等。在HTML中，<div class=”header”></div>，而HTML5，可以直接<header></header>定义。
<nav>：可作页面导航的链接组，面包屑导航。在HTML中<div class=”nav”></div>，而HTML5，可以直接<nav></nav>定义。
<section>：代表文档中的“节”或“段”，“段“可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。在HTML中<div class=”section”></div>，而HTML5，可以直接 <section></section>定义。
除此之外，HTML5还有三十多个全新标签，语义更为丰富，更利于搜索引擎优化。
如果你的网站不是HTML5标准的网站，修改起来也是一件很费时间的事情。网上修改一个HTML5标准的网站，报价都是2000起，不如干脆重新做一个HTML5网站。现在做HTML5网站并不贵，建站宝盒这类自助建站工具已经能实现HTML5自适应建站，直接套用H5模板，网站做出来相当炫目。
价格比修改网站标准还更实惠，推荐想要修改网站标准的企业尝试。http://www.iisp.com/design/?s=yuqiuping
*请认真填写需求信息，我们会在24小时内与您取得联系。
