html5的使用，與第四代的html有點出入，如：第四代的HTML布局用的是div來布局，而第五代的HTML布局已經(jīng)明確了 頭部、側(cè)邊、欄目、中間區(qū)域(主體部分)、以及底部(footer)；
高陵網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,高陵網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為高陵上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的高陵做網(wǎng)站的公司定做！
如：以前定義一個欄目導(dǎo)航divulliliul/div差不多是這形式來定義的，而html5則明確規(guī)定了nav/nav標(biāo)簽來定義，頭部用header/header底部用footer/footer這里需要記住的一點是：主體部分，也就是中間區(qū)域main/main一個網(wǎng)頁只能有一個主體部分；
這一點需要你好好記住，還有如果不懂的話，你可以去網(wǎng)上查看一些視頻教程，有詳細(xì)的解說，如果還有疑問請繼續(xù)追問我；
html5是一個規(guī)范、包括css3.0 html5.0 js等、、
html5.0較之前的版本修改了一些語法規(guī)則、、、你可以通過閱讀書籍或者查詢一些網(wǎng)站來看這些語法變動。。我常用的一個是
正常的用html語言來編寫代碼就可以了
!doctype html
html
head
/head
body
/body
/html
框架如上、、、主流瀏覽器都已經(jīng)支持html5的語法規(guī)則了、、
所以不存在如何使用、、 隨便用一個編譯器、甚至是txt 記事本遵循語法規(guī)則 就可以寫出網(wǎng)頁來、、、 常用的編譯器如 dreamweaver editplus 等
現(xiàn)在以HBuilder工具編寫為例：
1. 打開此工具，在項目管理器中右鍵單擊創(chuàng)建一個web 項目
2.右鍵單擊項目名稱，新建一個HTML文件----form01.html
!DOCTYPE html
!--
作者：offline
時間：2017-01-06
描述：form表單
在form標(biāo)簽中，有兩個經(jīng)常使用的屬性
action：表單提交服務(wù)器地址
method: 表單提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默認(rèn)的提交方式）
1.請求的參數(shù)放到地址欄中
2.不安全
3.存在緩存
4.傳輸數(shù)據(jù)的大小收到限制
提交方式----post
1.請求的參數(shù)放到http協(xié)議中
2.相對安全---賬號密碼等信息不會放到地址欄中
3.沒有緩存
4.傳輸數(shù)據(jù)的大小限制較小
修改成post之后，可能會出現(xiàn)錯誤信息。
input標(biāo)簽：定義輸入字段，用戶可在其中輸入數(shù)據(jù)。
屬性：
type 指示 input標(biāo)簽的類型，默認(rèn)的是text
按鈕類型： 普通按鈕 button 重置按鈕 Reset? 提交按鈕 submit
value 定義要顯示的文本。
--
html
head
meta charset="utf-8"
titleform表單1/title
/head
body
form action="" method="post"
?? ?input type="text" name="username" value="zhangsan" /
?? ?input type="submit" value="提交" /
/form
/body
/html
3.查看此網(wǎng)頁是不是HTML5，主要看表頭
4.HTML5新增了很多新內(nèi)容，具體可以查看API，例如：在網(wǎng)頁中嵌套音頻/視頻文件的格式
html5在頁面定義時，開頭用!DOCTYPE html即可，
html5有很多新的元素可供使用，典型的例如audiovideoheaderfootercanvas等等，
目前有很多html5的書籍啦，我也在學(xué)習(xí)中
HTML5是一系列新標(biāo)簽、新功能和新標(biāo)準(zhǔn)的集合，文檔的基礎(chǔ)格式很簡單：!doctype htmlhtmlhead
titleHTML5 Page/titlemeta charset="utf-8"
/headbodyyour contents/body
/html至于如何使用canvas、websocket、audio、geolocation等功能，百度下html5，有很多教程。
1、video src="hangge.mp4" controls/video1
2，通過width和height設(shè)置視頻窗口大小
video src="hangge.mp4" controls width="400" height="300"/video1
3，預(yù)加載媒體文件
設(shè)置preload不同的屬性值，可以告訴瀏覽器應(yīng)該怎樣加載一個媒體文件：
（1）值為auto：讓瀏覽器自動下載整個文件
（2）值為none：讓瀏覽器不必預(yù)先下載文件
（3）值為metadata：讓瀏覽器先獲取視頻文件開頭的數(shù)據(jù)塊，從而足以確定一些基本信息（比如視頻的總時長，第一幀圖像等）
!-- 用戶點擊播放才開始下載 --video src="hangge.mp4" controls preload="none"/video12
4，自動播放
（1）使用autoplay屬性可以讓瀏覽器加載完視頻文件后立即播放。
video src="hangge.mp4" controls autoplay/video1
（2）如果啟用自動播放，可以將播放器設(shè)置為muted狀態(tài)。這樣自動播放時會靜音，防止用戶厭煩。用戶需要的話可以點擊播放器揚聲器圖標(biāo)重新打開聲音。
video src="hangge.mp4" controls autoplay muted/video1
5，循環(huán)播放
使用loop屬性讓視頻播放結(jié)束時，再從頭開始播放。
video src="hangge.mp4" controls loop/video1
6，設(shè)置替換視頻的圖片（封面圖片）
通過poster屬性可以設(shè)置，瀏覽器在下面三種情況下會使用這個圖片：
（1）視頻第一幀未加載完畢
（2）把preload屬性設(shè)置為none
（3）沒有找到指定的視頻文件
video src="hangge.mp4" controls poster="hangge.png"/video1
7，瀏覽器兼容，如何讓每一個瀏覽器都能順利播放視頻
現(xiàn)在大部分瀏覽器都能支持H.264格式的視頻，但Opera瀏覽器卻一直不支持。我們需要通過后備措施保證每個人都能看到視頻，通常有下面幾種方案：
（1）使用多種視頻格式
video和audio元素有個內(nèi)置的格式后備系統(tǒng)。我們不使用src屬性，而是在其內(nèi)部嵌套一組source元素，瀏覽器會選擇播放第一個它所支持的文件。
我們可以添加WebM格式的視頻提供對Opera的支持。
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video1234
（2）添加Flash后備措施（推薦）
上面那個方法不推薦，應(yīng)為Opera瀏覽器只占不到1%的份額。特意為它把視頻都轉(zhuǎn)碼一邊太費事。使用Flash作為備用播放方案還是很方便的，同時Flash還能兼容IE8這種連video元素都不支持的老瀏覽器。
這里使用Flowplayer Flash作為備用播放器（本地下載 ：flowplayer-3.2.18.zip）
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
object id="flowplayer" width="400" height="300"
data="flowplayer-3.2.18.swf"
type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
/object
/video1234567891011
（3）也有人優(yōu)先使用Flash，而HTML5作為后備措施。
這么做是因為Flash普及率比較高，而HTML5作為后備可以擴展iPad和iPhone用戶
object id="flowplayer" width="400" height="300" data="flowplayer-3.2.18.swf" type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video
/object
重慶分公司
重慶分公司
