關(guān)于H5的一些新標(biāo)簽

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>定義圖形,提供畫(huà)布

雖然新加入了這么多標(biāo)簽,但是我覺(jué)得大部分都是雞肋,也或許是我對(duì)于新標(biāo)簽的理解不深(意思就是我太菜了).下面我就介紹幾個(gè)我個(gè)人認(rèn)為其中有用的標(biāo)簽.

canvas

首先canvas(畫(huà)布),HTML5之所以能夠崛起完全是他的功勞,傳統(tǒng)網(wǎng)頁(yè)的動(dòng)畫(huà)效果
全部基于Flash,Canvas的出現(xiàn)使網(wǎng)頁(yè)中動(dòng)畫(huà)脫離了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í)在有限,或許在以后的博客中我能寫(xiě)出更多.

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畫(huà)布這里,小弟也還在學(xué)習(xí)當(dāng)中,待學(xué)成之時(shí)也會(huì)單獨(dú)發(fā)表一篇關(guān)于畫(huà)布的文章.希望能對(duì)看到這篇文章的帥哥漆枚、美女(估計(jì)沒(méi)有)們有所幫助.關(guān)于以上標(biāo)簽的具體的操作和屬性,也可自行度娘在此不做過(guò)多說(shuō)明.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市抵知,隨后出現(xiàn)的幾起案子墙基,更是在濱河造成了極大的恐慌,老刑警劉巖刷喜,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件残制,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡吱肌,警方通過(guò)查閱死者的電腦和手機(jī)痘拆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門仰禽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)氮墨,“玉大人纺蛆,你說(shuō)我怎么就攤上這事」婢荆” “怎么了桥氏?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)猛铅。 經(jīng)常有香客問(wèn)我字支,道長(zhǎng),這世上最難降的妖魔是什么奸忽? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任堕伪,我火速辦了婚禮,結(jié)果婚禮上栗菜,老公的妹妹穿的比我還像新娘欠雌。我一直安慰自己,他們只是感情好疙筹,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布富俄。 她就那樣靜靜地躺著,像睡著了一般而咆。 火紅的嫁衣襯著肌膚如雪霍比。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天暴备,我揣著相機(jī)與錄音悠瞬,去河邊找鬼。 笑死馍驯,一個(gè)胖子當(dāng)著我的面吹牛阁危,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播汰瘫,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼狂打,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了混弥?” 一聲冷哼從身側(cè)響起趴乡,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蝗拿,沒(méi)想到半個(gè)月后晾捏,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡哀托,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年惦辛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片仓手。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡胖齐,死狀恐怖玻淑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情呀伙,我是刑警寧澤补履,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站剿另,受9級(jí)特大地震影響箫锤,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜雨女,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一谚攒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧氛堕,春花似錦五鲫、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至乱灵,卻和暖如春塑崖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背痛倚。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工规婆, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蝉稳。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓抒蚜,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親耘戚。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嗡髓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程,因...
    小菜c閱讀 6,367評(píng)論 0 17
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,790評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)收津、插件饿这、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評(píng)論 4 62
  • 今天也好像沒(méi)發(fā)生什么事,唯一搞笑的就是我跟丁凡姐姐兩個(gè)弱女子抬了兩塊板撞秋,在街上隨風(fēng)搖擺长捧,嗯~~ 晚安吧
    王凱燕閱讀 129評(píng)論 0 0
  • 做中國(guó)子女真的好累,你過(guò)的不如意吻贿,長(zhǎng)輩會(huì)覺(jué)得都是你的問(wèn)題串结,你過(guò)得好,又要說(shuō)你現(xiàn)在墮落,不干活肌割,不干家務(wù)赵抢,上學(xué)的時(shí)候...
    心新公社閱讀 133評(píng)論 0 0