nicebox新增的幾個(gè)工具欄會讓操作變得簡單，不僅H5響應(yīng)式開發(fā)運(yùn)用廣，其他方面也是有限選擇的
創(chuàng)新互聯(lián)建站成立于2013年，先為渝水等服務(wù)建站，渝水等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為渝水企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1、新建一個(gè)文件夾，用來存放網(wǎng)頁文件和圖片，快捷鍵ctrl+shift+n。
2、進(jìn)入新建文件夾里面，右鍵新建文本文檔。
3、進(jìn)入新建的文本文檔，復(fù)制下方代碼，點(diǎn)擊快捷鍵ctrl+s保存后退出。
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
style type="text/css"
body{margin: 0 auto;color:#F6F6F6;}
/*注：t1的寬度是100%跟其他div的寬度不同，如果分辨率高于1100寬度的時(shí)候，t1會突出來，這是你原先代碼的。*/
/*position:fixed;這個(gè)fixed屬性為塊狀，他跟absolute一樣，不會獨(dú)占一行。z-index: 2;屬性就是讓他顯示在其他div的上層*/
.t1{position:fixed; width:100%; height:50px; background: #000000;z-index: 2;}
.t2{width:1100px;height:100px;background:#2266FF;}
.t3{width:1100px;height:100px;background:#5577FF;}
.t4{width:1100px;height:100px;background:#3344FF;}
.t5{width:1100px;height:100px;background:#5577FF;}
.t6{width:1100px;height:100px;background:#3344FF;}
/*t01的position: relative;這個(gè)是獨(dú)占一行的屬性，在這里相當(dāng)于占位符的作用。height: 50px;這里的50像素高度要等于t1的高度。background:none;背景設(shè)置成空白或者透明，這里設(shè)不設(shè)置都沒關(guān)系，因?yàn)樗麤]有加z-index這個(gè)屬性，他默認(rèn)的屬性為0，即顯示在t1圖層的下面*/
.t01{position: relative;height: 50px;background:none;}
/style
/head
body
div class="t1"T1這是希望固定不動的DIV/div
div class="t01"/div
div class="t2"T2/div
div class="t3"T3/div
div class="t4"T4/div
div class="t5"T5/div
div class="t6"T6/div
/body
/html
4、重命名新建文本文檔為index.html，原先的.txt的后綴同時(shí)去掉后保存，提示確實(shí)要更改后按“是”即可。
5、點(diǎn)擊index.html，右鍵瀏覽器打開預(yù)覽效果，打開后即可得到如下效果。
HTML5和HTML4有何區(qū)別？
HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。下面是我為大家搜索整理的關(guān)于HTML5和HTML4的區(qū)別，歡迎參考閱讀，希望對你有所幫助!想了解更多相關(guān)信息請持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生培訓(xùn)網(wǎng)!
1. 簡化的語法
HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫!doctype html就行了。HTML 5 指定 UTF-8 編碼的方式如下
meta charset="UTF-8"
2.? Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。canvas標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(chǎn)生UI交互。
3. 新增許多標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加 了header和footer這樣的標(biāo)簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)；新增 section 和 article 標(biāo)簽，section和article也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO；新增 menu 和 figure 標(biāo)簽，menu可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。figure標(biāo)簽使得網(wǎng)頁文字和圖片的排版更 專業(yè)； 新增 audio 和 video 標(biāo)簽，這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了，使用起來時(shí)也異乎方便，如在HTML5頁面中嵌入視頻只需一小段。
復(fù)制代碼代碼如下:
video width="450" height="340" controls
source src="jamshed.mp4" type="video/mp4"
Your browser does'nt support video embedding feature.
/video
同理，音頻等其他的也類似。
4. 全新的表單
HTML5對 form 和 forminput 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性
5. 刪除 b 和 font 標(biāo)簽，frame, center, big 標(biāo)簽
6. HTML5 支持了不同類型的存儲類型
HTML5 支持本地存儲，在之前版本中是通過 Cookie 實(shí)現(xiàn)的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的`對象可用來存儲數(shù)據(jù)，HTML5通過JS來存儲和訪問數(shù)據(jù)：
localStorage 適用于長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
sessionStorage 只是針對一個(gè)session的數(shù)據(jù)存儲，存儲的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除
總的來說，HTML5已經(jīng)超越了標(biāo)記語言的范疇，更富語義的標(biāo)簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù)，實(shí)現(xiàn)無插件的動畫以及 圖像、圖形處理能力；本地存儲，可實(shí)現(xiàn)offline應(yīng)用；websocket，一改http的純pull模型，實(shí)現(xiàn)數(shù)據(jù)推送的夢 想；MathML，SVG等，支持更加豐富的render等等等等，現(xiàn)在對于對HTML5的了解還只停留在表面階段，以后會多閱讀一部分HTML5的書籍 增加一下見識。
;
如果單單說頁面結(jié)構(gòu)，不介紹新的特性、功能的話，人見解，最大的變化恐怕是語意化了，html5增加了了很多語意化標(biāo)簽，比如header、footer、nav等等。這些標(biāo)簽有利于讓瀏覽器或者蜘蛛（搜索引擎）更好理解你的頁面想表達(dá)的內(nèi)容。比傳統(tǒng)html4使用表格或者div布局更加有利于SEO或者無障礙閱讀。
其次，頁面頭部的文檔類型聲明也比html4更加簡潔，文檔類型的作用，主要是告訴瀏覽器此文檔是什么種類，該如何解析。html4有很多種頭部文檔聲明，比較亂，新手可能很難一下子理解（說實(shí)話我也不太理解），而html5則精簡到了一種：!DOCTYPE HTML這樣就使代碼出錯(cuò)，和兼容問題得到了妥善解決。
個(gè)人覺得主要是這些改動吧，望采納。
重慶分公司
重慶分公司
