HTML语义化标签

一、语义化标签

语义化标签就是让标签有自己的含义。

他的优点是：

1. 代码结构清晰，方便阅读，有利于团队合作开发。
2. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。
3. 有利于搜索引擎优化（SEO）。

二、常用的语义化标签

语义化标签有很多，有的我们经常会使用到

1. 标题标签

   一个是网页的标题，一个是网页内容的标题，他们两个都是语义化标签

   <title>我是网页的标题</title>
   <h1>
       我是网页内容的一级标题
   </h1>
   <h2>
       我是网页内容的二级标题
   </h2>
   <h6>
       我是网页内容的六级标题
   </h6>
   <hgrope>标题组标签，里面放标题</hgrope>
   

   h1~h6标签是越来越大的，不过并没有什么作用，因为我们可以通过css讲他们的样式改变，使他们的字体大小，颜色，背景色等发生改变。

2. 加粗斜体等标签

   <strong>预期加重标签</strong>
   <em>着重字体标签</em>
   <b>粗体标签</b>
   <i>斜体标签</i>
   <big>大字体标签</big>
   <smell>小字体标签</smell>
   <del>删除体标签</del>
   <q>引用标签</q>
   <plockqueto>长引用标签</plockqueto>
   <abbor>缩略词标签</abbor>
   <dfo>标记缩写，比如SSM</dfo>
   
   

结语

成功的重点不是你有一个十分聪明的大脑，而在于你是否坚持。