第 3 題:如何理解 HTML5 語義化坐求?

什么是標(biāo)簽語義化晌梨?

  • 提升代碼可讀性,便于團(tuán)隊(duì)開發(fā)和維護(hù)

為什么要標(biāo)簽語義化仔蝌?

  • 當(dāng)網(wǎng)頁去掉 CSS 樣式時(shí),頁面能呈現(xiàn)出來清晰的結(jié)構(gòu)

案例

  • 不存在語義化

    <div></div>
    <div></div>
    <div></div>
    
  • 使用語義化

    <header></header>
    <main></main>
    <footer></footer>
    
  • 總結(jié):從上面可以看出师逸,一個(gè)頁面里面放 3 個(gè) div 別人也不知道這是啥意思豆混。如果使用語義化標(biāo)簽就能清楚的知道分為 3 個(gè)模塊頂部、中間皿伺、底部。

文章的內(nèi)容/靈感都從下方內(nèi)容中借鑒

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市妒穴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌杰赛,老刑警劉巖矮台,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異辰晕,居然都是意外死亡确虱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門窘问,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人南缓,你說我怎么就攤上這事≈侥鳎” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長岔冀。 經(jīng)常有香客問我,道長罐呼,這世上最難降的妖魔是什么侦高? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮计螺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘登馒。我一直安慰自己咆槽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布济欢。 她就那樣靜靜地躺著小渊,像睡著了一般茫叭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天杀饵,我揣著相機(jī)與錄音谬擦,去河邊找鬼。 笑死惨远,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的北秽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蔚叨,長吁一口氣:“原來是場噩夢啊……” “哼辙培!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起扬蕊,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤厨相,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后蛮穿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡单刁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年羔飞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片逻淌。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡疟暖,死狀恐怖田柔,靈堂內(nèi)的尸體忽然破棺而出骨望,到底是詐尸還是另有隱情,我是刑警寧澤缀磕,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布劣光,位于F島的核電站,受9級(jí)特大地震影響赎线,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜颠黎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一滞项、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧文判,春花似錦、人聲如沸疚宇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽榜揖。三九已至,卻和暖如春举哟,著一層夾襖步出監(jiān)牢的瞬間迅矛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來泰國打工诬乞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人森瘪。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓票堵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親悴势。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

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

  • 概念 HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn) 文檔類型聲明 HTML<!DOC...
    Noxus丶SJ閱讀 118評(píng)論 0 0
  • DTD 介紹 DTD(Document Type Definition 文檔類型定義)是一組機(jī)器可讀的規(guī)則镰官,它們定...
    lio_zero閱讀 2,616評(píng)論 0 9
  • 概念 可以把所有 HTML 標(biāo)簽都理解成一個(gè)盒子模型 盒子模型主要由 4 個(gè)部分組成:content笨腥、paddin...
    Noxus丶SJ閱讀 179評(píng)論 0 0
  • 表情是什么勇垛,我認(rèn)為表情就是表現(xiàn)出來的情緒扇雕。表情可以傳達(dá)很多信息。高興了當(dāng)然就笑了窥摄,難過就哭了镶奉。兩者是相互影響密不可...
    Persistenc_6aea閱讀 125,050評(píng)論 2 7
  • 16宿命:用概率思維提高你的勝算 以前的我是風(fēng)險(xiǎn)厭惡者,不喜歡去冒險(xiǎn)崭放,但是人生放棄了冒險(xiǎn)哨苛,也就放棄了無數(shù)的可能。 ...
    yichen大刀閱讀 6,052評(píng)論 0 4