html语义话标签
之前,html中都用div对区域进行划分,存在很多不必要的麻烦。我们可以想一想,如果一整篇的布局都使用div布局,你会不会在写完后需要修改错误,却不知如何下手呢?另一方面,程序猿可能会想用类选择器来区分,每个区域。但是这样无法对浏览器起优化。因此我们需要学习语义化标签,对每个区域进行简单明了的区分。
我们来看下最基础的语义化标签。
header:对某个区域或者某个网站的头部进行划分。
nav:一般头部也会有很多的内容,我们用这个标签对导航进行划分。当然,可能一个页面需要多个导航。
article:它的用法和它的单词直意一样,对整个页面文章区域进行划分。相当文章,我们可能就会想到每个文章会有段落……
section:这个标签就是用于对文章的段落的划分
footer:一个页面有头部也肯定有最底部,我们用这个标签对某个区域或某个页面底部进行区域划分。
我们通常上网会看到很多的广告或者不在区域中展示的内容,通常都会用aside标签来划分。
以上都是一些最基础的语义化标签,划分区域是灵活的,所以对于每个人都有着不同的划分区域习惯。
仅前端小生个人理解~