Appearance
HTML基础知识
下面开始介绍HTML的基础知识
语义化标签
语义化标签是伴随HTML5的更新而产生的,主要介绍以下5种:
<Header> | 头部标签 |
---|---|
<main> | 主体标签 |
<section> | 部分标签 |
<footer> | 页脚标签 |
<article> | 文章标签 |
<aside> | 注释标签 |
语义化标签的出现让开发者在进行HTML结构编写时有了更清晰的选择,比如,以往开发者想要把一个小容器放到大容器里,ta可能会这样写:
html
<div class='main'>
<div class='section'>我是section,一个小容器</div>
</div>
但是有了语义化标签之后,ta就不必去纠结这样的问题,我该给大容器div起什么类名标识最好呢?小容器类名又该是什么?现在ta可以这样做:
html
<main>
<section>我是section,一个语义化标签</section>
</main>
同时,语义化标签还有这样的八股文传说(使用语义化标签的好处):
- 有利于纠正开发者总是开发时使用div的习惯,增加了HTML的可读性,也方便了后期的代码维护。
- 有利于SEO(搜索引擎)对网页的爬虫,从某种层度上可以提高网站的排名。(Tips:百度就是通过爬虫给大家搜索大家感兴趣的网页)
- 有利于客户在网站的阅读体验,语义化标签实现的网页界面更加合理也好看。