一缘屹、HTML大致框架的新增標(biāo)簽
header：頭部
nav ：標(biāo)題
main：主體 （目前main兼容性不好凛剥，可用section代替）
aside側(cè)邊欄
footer：尾部
section：表示獨(dú)立的區(qū)域，里面可包含一個h1轻姿、可包含一個article[不推薦使用]
article：有語義化的div 標(biāo)簽犁珠。獨(dú)立的，組成整體的一部分互亮。
二犁享、短語義化標(biāo)簽（一些）
1、文檔細(xì)節(jié)標(biāo)簽 ? details
默認(rèn)是不展開的豹休，通過屬性 ? open ?時其展開
2炊昆、對話框 ? ?dialog
① ?默認(rèn)在瀏覽器不可見，設(shè)置屬性 ? open ?在瀏覽器才可見
② ?在瀏覽器居中顯示
③ 脫離文檔流威根，不占內(nèi)存
3凤巨、圖表 ? ?figure（專門語義化標(biāo)簽來寫圖表）
圖表標(biāo)題? figcaption
4、可點擊區(qū)域的圖像映射 ?map（展示圖片不完整）
① ?img中usemap值與map中name值相同洛搀，即可進(jìn)行關(guān)聯(lián)
② ?shape ?
circle ?：可點區(qū)域為圓敢茁。 ? ? coords對應(yīng)值在（x=50,y=100）的原點，半徑25px
rect ? ：可點擊區(qū)域為長方形留美。 coords對應(yīng)值 第一個點（x=400彰檬，y=0）與第一個點對角線的點（x=500，y=100）
③ href
點擊 coords區(qū)域谎砾，跳轉(zhuǎn)的地址
5逢倍、標(biāo)記縮寫 ? abbr?
重要標(biāo)簽，對SEO有優(yōu)化功能
其對 ?WHO 的效果是靠屬性 ?title ?顯示的景图，將abbr換成span也有效果
6较雕、
7、標(biāo)記 ?mark
8症歇、定義度量衡 ?meter
9郎笆、定義進(jìn)度 ?
10谭梗、語義化標(biāo)簽 ? 時間 ?time
實際沒有什么效果，目的是為了方便傳值給后臺宛蚓，或者給瀏覽器看
11激捏、給漢字添加拼音 ?ruby ??
12、引入
①塊引入 ? ?cite
②凄吏、行級引入 ? cite
③远舅、行級引入 ? ?blockquote
④、帶 ? “ ?” ?的引入 ?
13痕钢、格式化 ?code图柏、pre
? （第一個為code效果，第二個為pre效果）
