HTML基础(三)Semantic HTML

1.什么是Semantic

Semantic有语义的元素,比如

,,
等,就是确切定义了元素的标签
not-Semantic就是没有具体语义的元素,比如和
HTML中用于定义网页不同部分的Semantic元素:
在这里插入图片描述

2.Semantic有什么好处

主要是为了让机器能读懂这样一来有几个好处:
1.就方便浏览器根据内容为一些残障人士提供特殊的服务。
2.方便搜索引擎来对索引好的内容作各种处理和挖掘

3.如何书写Semantic

其实就是用几个标签而已

Google Chrome

Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!

Mozilla Firefox

Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.

Microsoft Edge

Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.


与css的配合使用:





My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!

My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!

My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!

效果:
在这里插入图片描述
参考资料:https://www.w3schools.com/html/html5_semantic_elements.asp


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章