Skip to content

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>

同时,语义化标签还有这样的八股文传说(使用语义化标签的好处):

  1. 有利于纠正开发者总是开发时使用div的习惯,增加了HTML的可读性,也方便了后期的代码维护。
  2. 有利于SEO(搜索引擎)对网页的爬虫,从某种层度上可以提高网站的排名。(Tips:百度就是通过爬虫给大家搜索大家感兴趣的网页)
  3. 有利于客户在网站的阅读体验,语义化标签实现的网页界面更加合理也好看。

插件

HTML插件

粤ICP备2024223053号