虽然会写html网页,但是很多html5的基础,还是打的不牢,因此,想要在空闲时间补充一下html5的基础知识。本篇博客是html5基础系列第二篇。
本篇博客主要总结html5的语义标签。现代网页的结构完全可以由div一种元素来构成,事实上,很多人都是这么做的。但是这样的网页结构会有一个很大的问题,就是不易维护。当别人看你的网页结构时,必须费点劲才能知道哪个div表示什么。为了解决这个问题,html5引入了一组语义化的构造页面的新元素。
什么叫语义化的元素呢?比如<header>标签用于标识通常放在页面的顶部的页头,<footer>标签用于标识通常放在页面底部的页脚,<nav>标签用于标识一组导航链接。所有的语义元素都不真正做任何事,也没有任何的样式作用,也就是说,如果是块级语义元素,那么除了名字,它的特性其实和div元素没有任何差别,比如<footer>可以理解为放在页面页脚的div元素。
语义化元素的优点:
(1)容易修改和维护。
(2)所有人(包括残疾人)都可以无障碍阅读。
(3)有助于搜索引擎的搜索。
5