html5語義化標(biāo)簽

1车要、<section></section>

定義文章中的字節(jié)、字段崭倘。

2翼岁、<article></article>

一個(gè)特殊的section標(biāo)簽,比section有更明確的語義司光。定義來自外部的一個(gè)獨(dú)立的琅坡、完整的內(nèi)容塊,例如什么論壇的文章残家,博客的文本榆俺。。坞淮。

3茴晋、<aside></aside>

用來裝載非正文內(nèi)容,如廣告回窘、成組的鏈接诺擅、側(cè)邊欄等...

4、<header></header>

定義頁眉啡直,通常是一些引導(dǎo)和導(dǎo)航

5烁涌、<footer><footer>

定義文檔的頁腳

6苍碟、<nav></nav>

定義一個(gè)連接組成的導(dǎo)航欄

7、<hground></hground>

用于對(duì)網(wǎng)頁或者網(wǎng)段的標(biāo)題進(jìn)行組合

8烹玉、<figure></figure>

對(duì)于元素進(jìn)行整合

9驰怎、<figcaption></figcaption>

figure元素添加標(biāo)題,一般放于figure的第一個(gè)子元素或者最后一個(gè)

10二打、 <details></details>

定義元素的細(xì)節(jié)用戶可以點(diǎn)擊查看或者隱藏

11、<summary></summary>

和datails連用掂榔,用來包含datails的標(biāo)題

12继效、<canvas></canvas>

用來進(jìn)行canvas繪圖

13、<video></video>

定義音頻

14装获、<audio></audio>

定義視頻

15瑞信、<embed></embed>

定義嵌入網(wǎng)頁的內(nèi)容。比如插件

16穴豫、<source><source>

該標(biāo)簽為媒介元素

17凡简、<datalist id='dl'></datalist>

定義可選數(shù)據(jù)的列表,與input配合使用(<input list='dl>)可制作輸入值的下拉列表精肃。

18秤涩、<mark></mark>

從視覺上展現(xiàn)用戶想要突出的字

19、<meter [min/max/low/high/optimum/value]></meter>

度衡量 用紅黃綠表示一個(gè)數(shù)值所在的范圍

20司抱、<output><output>

定義不同的輸出類型筐眷,樣式與span無異

21、<progress></progress>

進(jìn)度條习柠,運(yùn)行中的進(jìn)度

22匀谣、<time></time>

定義日期或時(shí)間

23、<keygen></keygen>

定義加密的內(nèi)容

24资溃、<command></command>

定義命令行為

為什么要使用語義化標(biāo)簽武翎?

語義化標(biāo)簽顧名思義,見到標(biāo)簽就能知道里面的內(nèi)容溶锭,使得頁面更加清晰宝恶,方便維護(hù)和開發(fā)

html塊及標(biāo)簽

<address>.....</address>

?<center>......<center>地址文字

h1-h6標(biāo)題標(biāo)簽

<hr/>分割線

<p></p>段落

<pre></pre>預(yù)格式化

<blockquote></blockquote>段落縮進(jìn)

<marquee></marquee>滾動(dòng)文本

<ul>...</ul>無序列表

<ol></ol>無序列表

<dl></dl>定義列表

<table></table>表格

<form></form>表單

<div></div>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市暖途,隨后出現(xiàn)的幾起案子卑惜,更是在濱河造成了極大的恐慌,老刑警劉巖驻售,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件露久,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡欺栗,警方通過查閱死者的電腦和手機(jī)毫痕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門征峦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人消请,你說我怎么就攤上這事栏笆。” “怎么了臊泰?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵蛉加,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我缸逃,道長(zhǎng)针饥,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任需频,我火速辦了婚禮丁眼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘昭殉。我一直安慰自己苞七,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布挪丢。 她就那樣靜靜地躺著蹂风,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吃靠。 梳的紋絲不亂的頭發(fā)上硫眨,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音巢块,去河邊找鬼礁阁。 笑死,一個(gè)胖子當(dāng)著我的面吹牛族奢,可吹牛的內(nèi)容都是我干的姥闭。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼越走,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼棚品!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起廊敌,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤铜跑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后骡澈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锅纺,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年肋殴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了囤锉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坦弟。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖官地,靈堂內(nèi)的尸體忽然破棺而出酿傍,到底是詐尸還是另有隱情,我是刑警寧澤驱入,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布赤炒,位于F島的核電站,受9級(jí)特大地震影響沧侥,放射性物質(zhì)發(fā)生泄漏可霎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一宴杀、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拾因,春花似錦旺罢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蠢熄,卻和暖如春跪解,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背签孔。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工叉讥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人饥追。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓图仓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親但绕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子救崔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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

  • 語義化標(biāo)簽,顧名思義也就是可以直接讀懂的標(biāo)簽捏顺。最早接觸HTML5的時(shí)候六孵,對(duì)HTML5的語義化并沒有太深的理解,只是...
    極客人閱讀 4,185評(píng)論 1 18
  • HTML 5的革新之一:語義化標(biāo)簽一節(jié)元素標(biāo)簽幅骄。 html5的布局 節(jié)點(diǎn)元素標(biāo)簽分為:節(jié)元素標(biāo)簽劫窒、文本元素標(biāo)簽、分...
    Bookish倩寶閱讀 537評(píng)論 0 2
  • 什么是語義化昌执? 簡(jiǎn)單說來就是讓機(jī)器可以讀懂內(nèi)容烛亦。 語義化的優(yōu)點(diǎn): 搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字...
    古朋閱讀 516評(píng)論 0 5
  • HTML <!DOCTYPE> 標(biāo)簽 <!DOCTYPE> 聲明必須是 HTML 文檔的第一行诈泼,位于 標(biāo)簽之前...
    深沉的簡(jiǎn)單閱讀 1,441評(píng)論 0 0
  • 1.語義化標(biāo)簽總結(jié) 基礎(chǔ)布局標(biāo)簽 注意:IE8以后不兼容H5標(biāo)簽,如果需要兼容IE8一下的瀏覽器煤禽,則需要如下操作:...
    楓丶筱閱讀 460評(píng)論 0 0