為什么要用新的語義化標簽
傳統(tǒng)布局下，都是用div加類名給頁面布局偿衰。div的重復(fù)使用，是頁面結(jié)構(gòu)單調(diào)改览，不易分辨下翎，還需要反復(fù)展開查看類名。
對搜索引擎友好更容易被收錄宝当，使網(wǎng)頁在搜索出來后的排名更靠前
盲人等殘障人士上午需要屏幕閱讀器的幫助视事，不同標簽發(fā)出的聲音是不同的
項目開發(fā)時，很容易為取類名而頭疼庆揩，語義化標簽的使用郑口，使類名更簡單
header標簽
頭部標簽，英文意思上不難看出盾鳞，代表網(wǎng)頁頭部
參考MDN的解釋 ：用于展示介紹性內(nèi)容，通常包含一組介紹性的或是輔助導(dǎo)航的實用元素瞻离。它可能包含一些標題元素腾仅，但也可能包含其他元素，比如 Logo套利、搜索框推励、作者名稱，等等肉迫。header可以被流式元素（Flow content ）包裹验辞，但不能做adderss標簽、footer標簽或者另一個header標簽的子元素
nav標簽
導(dǎo)航條標簽喊衫，一般用作導(dǎo)航條
參考MDN ：表示頁面的一部分跌造，其目的是在當前文檔或其他文檔中提供導(dǎo)航鏈接。導(dǎo)航部分的常見示例是菜單族购，目錄和索引壳贪。不是所有鏈接都需要使用nav標簽，一般放網(wǎng)頁常用的寝杖、熱門的標簽违施，一個網(wǎng)站頁可以允許有多個nav元素。
main標簽
主體標簽瑟幕，作用于網(wǎng)頁的核心內(nèi)容
參考MDN ：網(wǎng)頁的主體部分磕蒲。主體部分由與文檔直接相關(guān)留潦，或者擴展于文檔的中心主題、應(yīng)用的主要功能部分的內(nèi)容組成辣往。父級元素不能是header兔院、footer、article排吴、aside秆乳、nav。mian的內(nèi)容應(yīng)當是獨一無二的钻哩。任何同時存在于任意一系列文檔中的相同屹堰、重復(fù)內(nèi)容，比如側(cè)邊欄街氢、導(dǎo)航欄鏈接扯键、版權(quán)信息、網(wǎng)站 Logo珊肃，搜索框（除非搜索框為文檔的主要功能）荣刑，都不應(yīng)當被包含在其內(nèi)。mian標簽不會影響頁面結(jié)構(gòu)概念伦乔，它只有提供信息的作用（原文：It's strictly informative.）
aside標簽
側(cè)欄標簽厉亏，在網(wǎng)頁結(jié)果的邊側(cè)
參考MDN ：表示一個和頁面主體內(nèi)容較為無關(guān)的部分。被認為是獨立于該內(nèi)容的一部分并且可以被單獨的拆分出來而不會使整體受影響烈和“唬可以被任意流式元素（ Flow content ）包裹，但不能自身嵌套
article標簽
單詞的英文意思有文章招刹，話題等等
參考MDN ：網(wǎng)站中的獨立結(jié)構(gòu)恬试，其意在成為可獨立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中疯暑，它可能是論壇帖子训柴、雜志或新聞文章、博客妇拯、用戶提交的評論幻馁、交互式組件，或者其他獨立的內(nèi)容項目乖阵。
每個宣赔，通常包括標題（<h1> - <h6>元素）作為元素的子元素。
當元素嵌套使用時瞪浸，則該元素代表與外層元素有關(guān)的文章儒将。例如，代表博客評論的元素可嵌套在代表博客文章的``元素中对蒲。
footer標簽
頁腳標簽钩蚊，網(wǎng)頁的腳步
參考MDN：一個頁腳通常包含該章節(jié)作者贡翘、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。元素內(nèi)的作者信息應(yīng)包含在address元素中砰逻。元素不是章節(jié)內(nèi)容鸣驱，因此在outline中不能包含新的章節(jié)。
