web语义化与h5新增标签
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web语义化与h5新增标签相关的知识,希望对你有一定的参考价值。
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的发展。
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 这是正文的段落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>
以上是关于web语义化与h5新增标签的主要内容,如果未能解决你的问题,请参考以下文章