首页 > 代码库 > web语义化与h5新增标签

web语义化与h5新增标签

2024-08-13 18:37:12   220人阅读

Web语义化就是html告诉我们也告诉机器这一块是什么内容，例如：“这行是一个标题，这几行组成一个段落，这是一个列表，那是一个链接。”
 
Web语义化有三个阶段：

1、h1~h6、thead、ul、ol等HTML标签。这些标签用于在Web页面中组织对应的内容，如网页标题、表头、无序、有序列表，以达到更方便的协作及传播互联网内容。搜索引擎很好的利用了这些语义化标签抓取内容。

2、随着Web的发展，起初定义的HTML语义化标签，不足以实现对Web页面各个部分的功能或位置描述，比如我们用div来表示页面章节。所以Web前端人员利用HTML标签的id和class属性，进一步对HTML标签进行描述，如对页脚HTML标签添加如id="footer"或者class="footer"的属性（值）。

3、W3C组织意识到了之前HTML版本的不足，推出的HTML5进一步推进了Web语义化发展，采用了诸如footer、section等语义化标签，弥补了采用id="footer"或者class="footer"形式的不足，以更好的推动Web的发展。


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             这是正文的段落120         </section>21         <section>22             这是正文的段落223         </section>24     </article>25     <aside>26         这是侧栏27         <address>28             这是地址29         </address>30     </aside>31     <footer>32         这是页脚33     </footer>34 </body>35 36 </html>

 

web语义化与h5新增标签


联系
我们