web语义化与h5新增标签
生活随笔
收集整理的這篇文章主要介紹了
web语义化与h5新增标签
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Web語義化就是html告訴我們也告訴機器這一塊是什么內(nèi)容，例如：“這行是一個標題，這幾行組成一個段落，這是一個列表，那是一個鏈接。” Web語義化有三個階段：
1、h1~h6、thead、ul、ol等HTML標簽。這些標簽用于在Web頁面中組織對應的內(nèi)容，如網(wǎng)頁標題、表頭、無序、有序列表，以達到更方便的協(xié)作及傳播互聯(lián)網(wǎng)內(nèi)容。搜索引擎很好的利用了這些語義化標簽抓取內(nèi)容。
2、隨著Web的發(fā)展，起初定義的HTML語義化標簽，不足以實現(xiàn)對Web頁面各個部分的功能或位置描述，比如我們用div來表示頁面章節(jié)。所以Web前端人員利用HTML標簽的id和class屬性，進一步對HTML標簽進行描述，如對頁腳HTML標簽添加如id="footer"或者class="footer"的屬性（值）。
3、W3C組織意識到了之前HTML版本的不足，推出的HTML5進一步推進了Web語義化發(fā)展，采用了諸如footer、section等語義化標簽，彌補了采用id="footer"或者class="footer"形式的不足，以更好的推動Web的發(fā)展。
HTML5新增語義化標簽例舉：
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>h5新增的web語義化標簽</title> 7 </head> 8 9 <body> 10 <header> 11 這是頭部 12 </header> 13 <nav> 14 這是導航 15 </nav> 16 <article> 17 這是正文 18 <section> 19 這是正文的段落1 20 </section> 21 <section> 22 這是正文的段落2 23 </section> 24 </article> 25 <aside> 26 這是側欄 27 <address> 28 這是地址 29 </address> 30 </aside> 31 <footer> 32 這是頁腳 33 </footer> 34 </body> 35 36 </html>
1、h1~h6、thead、ul、ol等HTML標簽。這些標簽用于在Web頁面中組織對應的內(nèi)容，如網(wǎng)頁標題、表頭、無序、有序列表，以達到更方便的協(xié)作及傳播互聯(lián)網(wǎng)內(nèi)容。搜索引擎很好的利用了這些語義化標簽抓取內(nèi)容。
2、隨著Web的發(fā)展，起初定義的HTML語義化標簽，不足以實現(xiàn)對Web頁面各個部分的功能或位置描述，比如我們用div來表示頁面章節(jié)。所以Web前端人員利用HTML標簽的id和class屬性，進一步對HTML標簽進行描述，如對頁腳HTML標簽添加如id="footer"或者class="footer"的屬性（值）。
3、W3C組織意識到了之前HTML版本的不足，推出的HTML5進一步推進了Web語義化發(fā)展，采用了諸如footer、section等語義化標簽，彌補了采用id="footer"或者class="footer"形式的不足，以更好的推動Web的發(fā)展。
HTML5新增語義化標簽例舉：
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>h5新增的web語義化標簽</title> 7 </head> 8 9 <body> 10 <header> 11 這是頭部 12 </header> 13 <nav> 14 這是導航 15 </nav> 16 <article> 17 這是正文 18 <section> 19 這是正文的段落1 20 </section> 21 <section> 22 這是正文的段落2 23 </section> 24 </article> 25 <aside> 26 這是側欄 27 <address> 28 這是地址 29 </address> 30 </aside> 31 <footer> 32 這是頁腳 33 </footer> 34 </body> 35 36 </html>
?
轉(zhuǎn)載于:https://www.cnblogs.com/weirihan/p/5880816.html
總結
以上是生活随笔為你收集整理的web语义化与h5新增标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 制作NFS
- 下一篇： 中国分布式光纤传感（DFOS）行业竞争现