HTML有兩大特點(diǎn)
首先,強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。除了可描繪二維圖形外,還準(zhǔn)備了用于播放視頻和音頻的標(biāo)簽。其次,追加了本地?cái)?shù)據(jù)庫(kù)等Web應(yīng)用的功能。
新增的結(jié)構(gòu)標(biāo)簽(戰(zhàn)斗力幾乎為0)
<article> 定義文章 <aside> 定義文章的側(cè)邊欄<figure> 一組媒體對(duì)象以及文字<figcaption> 定義 figure 的標(biāo)題<footer>定義頁(yè)腳
<header>定義頁(yè)眉<nav>定義導(dǎo)航<section> 定義文檔中的區(qū)段
新增加功能標(biāo)簽
<video> 定義視頻<audio> 定義音頻<embed> 插入各種多媒體<mark> 定義需要突出顯示或高亮顯示的文本<iframe>會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)<canvas>定義圖形,提供畫布
雖然新加入了這么多標(biāo)簽,但是我覺(jué)得大部分都是雞肋,也或許是我對(duì)于新標(biāo)簽的理解不深(意思就是我太菜了).下面我就介紹幾個(gè)我個(gè)人認(rèn)為其中有用的標(biāo)簽.
canvas
首先canvas(畫布),HTML5之所以能夠崛起完全是他的功勞,傳統(tǒng)網(wǎng)頁(yè)的動(dòng)畫效果
全部基于Flash,Canvas的出現(xiàn)使網(wǎng)頁(yè)中動(dòng)畫脫離了Flash,但Canvas是基于位圖的圖像，它不能夠改變大小，只能縮放顯示.所以說(shuō)Canvas更適合用來(lái)實(shí)現(xiàn)類似于Flash能做的事情(當(dāng)然現(xiàn)在Canvas與Flash相比還有一些不夠完善的地方).
我很想給大家舉一些關(guān)于Canvas的實(shí)際代碼例子,可是不好意思我現(xiàn)在的Canvas應(yīng)用水平實(shí)在有限,或許在以后的博客中我能寫出更多.
video
<video src="movie.ogg" controls="controls">
</video>
你只需要在src后面輸入值就可以把視頻插入到網(wǎng)頁(yè)中,并且可以自己設(shè)置是自動(dòng)播放視頻還是手動(dòng)播放視頻,而且有自己的控制臺(tái).
audio
<audio src="song.ogg" controls="controls">
</audio>
和<video>一樣<audio>用法一樣,也可以自行設(shè)置一些關(guān)于控制臺(tái)的屬性,再次不做過(guò)多說(shuō)明.
iframe
<iframe> 會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）。一般在網(wǎng)頁(yè)的某一處地方開(kāi)辟一個(gè)空間,鑲嵌另一個(gè)網(wǎng)頁(yè)或者圖片等,我覺(jué)得這個(gè)標(biāo)簽一般用來(lái)顯示天氣預(yù)報(bào)居多,活用<iframe>可以使你的網(wǎng)頁(yè)看起來(lái)高大上一些.由于
<iframe src="www.baidu.com"></iframe>
此處應(yīng)該放一個(gè)瀏覽器支持情況的截圖,但由于這個(gè)標(biāo)簽的特殊性和不確定性,支持情況的權(quán)威人士也是各執(zhí)己見(jiàn),所以就不放截圖了,但幾乎最新版本的瀏覽器已經(jīng)都支持了.
placeholder
占位符,當(dāng)輸入框?yàn)榭諘r(shí)顯示的文字.(這個(gè)功能已經(jīng)很常見(jiàn)了)
注：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。
<form action="demo_form.asp" method="get">
<input type="search" name="user_search" placeholder="Hello
World" />
<input type="submit" />
</form>
以上是在日常工作或者學(xué)習(xí)中經(jīng)常能用的H5新標(biāo)簽,H5其核心還是在Canvas畫布這里,小弟也還在學(xué)習(xí)當(dāng)中,待學(xué)成之時(shí)也會(huì)單獨(dú)發(fā)表一篇關(guān)于畫布的文章.希望能對(duì)看到這篇文章的帥哥、美女(估計(jì)沒(méi)有)們有所幫助.關(guān)于以上標(biāo)簽的具體的操作和屬性,也可自行度娘在此不做過(guò)多說(shuō)明.
