整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
例
一個導航鏈接實例：
<nav><ahref="/html/">HTML</a> | <ahref="/css/">CSS</a> | <ahref="/js/">JavaScript</a> | <ahref="/jquery/">jQuery</a></nav>
瀏覽器支持
目前大多數(shù)瀏覽器支持 <nav> 標簽。
標簽定義及使用說明
<nav> 標簽定義導航鏈接的部分。
并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標注一個導航鏈接的區(qū)域。
在不同設備上（手機或者PC）可以制定導航鏈接是否顯示，以適應不同屏幕的需求。
HTML 4.01 與 HTML5中的差異
<nav> 是 HTML5 的新標簽。
全局屬性
<nav> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。
事件屬性
<nav> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
PC端進行網(wǎng)頁制作時，經(jīng)常使用固定像素并且內(nèi)容居中的網(wǎng)頁布局，為了適應小屏幕的設備，在移動設備和跨平臺(響應式)網(wǎng)頁開發(fā)過程中，多數(shù)使用流式布局，下面我們就對流式布局進行詳細介紹。
流式布局是一種等比例縮放布局方式，在CSS代碼中使用百分比來設置寬度，也稱百分比自適應的布局。 流式布局實現(xiàn)方法是將CSS固定像素寬度換算為百分比寬度。換算公式如下: 目標元素寬度/父盒子寬度=百分數(shù)寬度 下面通過一個案例來演示固定布局如何轉(zhuǎn)換為百分比布局，如demo4-1.html 所示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>固定布局轉(zhuǎn)換為百分比布局</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，頁面效果如下圖所示。
可以嘗試改變?yōu)g覽器窗口的大小，頁面元素的大小不會隨瀏覽器窗口改變，如下圖所示。
下面修改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格式的代碼，如果你的網(wǎng)站是以往版本的HTML程序語言，基本上是不需要改的。如果網(wǎng)站是HTML5代碼，對一些不兼容HTML5的瀏覽器來說，還要反改成HTML代碼。如果真的要改，可以這樣做：
首先，舊HTML的DOCTYPE比較累贅，通常是<!DOCTYPE html+一大串內(nèi)容>，在HTML5中，只需要把后面的內(nèi)容全部刪除，變成<!DOCTYPE html>就可以了。
第二，HTML5中新增了一些語義元素，相比HTML的div標簽，這些新語義元素可以直接使用。比如：
<header>：用來定義文檔的頁眉，也可用在網(wǎng)頁內(nèi)容上，可包含搜索表單，導航，頁面標識等。在HTML中，<div class=”header”></div>，而HTML5，可以直接<header></header>定義。
<nav>：可作頁面導航的鏈接組，面包屑導航。在HTML中<div class=”nav”></div>，而HTML5，可以直接<nav></nav>定義。
<section>：代表文檔中的“節(jié)”或“段”，“段“可以是指一篇文章里按照主題的分段；“節(jié)”可以是指一個頁面里的分組。在HTML中<div class=”section”></div>，而HTML5，可以直接 <section></section>定義。
除此之外，HTML5還有三十多個全新標簽，語義更為豐富，更利于搜索引擎優(yōu)化。
如果你的網(wǎng)站不是HTML5標準的網(wǎng)站，修改起來也是一件很費時間的事情。網(wǎng)上修改一個HTML5標準的網(wǎng)站，報價都是2000起，不如干脆重新做一個HTML5網(wǎng)站。現(xiàn)在做HTML5網(wǎng)站并不貴，建站寶盒這類自助建站工具已經(jīng)能實現(xiàn)HTML5自適應建站，直接套用H5模板，網(wǎng)站做出來相當炫目。
價格比修改網(wǎng)站標準還更實惠，推薦想要修改網(wǎng)站標準的企業(yè)嘗試。http://www.iisp.com/design/?s=yuqiuping
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
