这是我参与「第四届青训营 」笔记创作活动的的第1天
⭐什么是语义化
在HTML中，语义指的是每个页面中的元素，属性和属性值都有它特定的含义。 比如说h1~h6标签的含义为该页面中的标题，p标签的含义为文本段落。 要注意的是，这里的语义并不与样式挂钩，我们应该注意的是元素所要表达的内容和结构是什么
⭐语义化的好处
1.提高代码的可读性与可维护性
如果我们在html文档中单纯地使用div与span标签+class、id属性来进行页面的布局，代码结构会稍显臃肿，且在css没有使用或失效的情况下，页面将不能显示出较好的结构。而若是使用header、main、bottom等标签来对内容进行划分，整个页面的布局将会一目了然。不管是我们自己对页面进行修改还是其他人来接手我们的项目，通过这些语义化标签，我们可以快速定位到自己想要修改的内容上，大大提高了代码的可维护性。
2.利于搜索引擎优化
拥有良好的页面布局，有利于搜索引擎建立索引，抓取页面上的有效信息。
3.提升无障碍性
当使用屏幕阅读器等设备时时，它们会根据网页的html标签内容来进行解析。此时，良好的语义化标签有利于这些设备对内容进行抓取。比如使用盲人阅读器解析到图片时，设备并不能将图片直接呈现给使用者，而是抓取img标签中alt属性的内容呈现给视障用户，让他们能够获取到图片的内容信息。同样作用的标签还有figcaption标签，它用于描述figure标签中的内容，而阅读器也会抓取该部分的figcaption元素内容，让使用者更好的了解该板块的内容。
