HTML的语义化规范|青训营笔记

这是我参与【第五届青训营】笔记创作活动的第一天

之前曾经在其他地方学习过一定的前端知识，包括今天上课讲解的HTML。在之前的学习中，老师在屏幕中强调了HTML的历史，HTML的含义，基础语法等等，其中基础语法一般作为讲解的重点，包括某个标签的作用，属性等等，每节课都感觉学到了很多，很充实，需要大量时间去背，去记住某些随时可以通过文档查到的知识点，而语义化基本被一带而过。今天赵老师的课程，则是用了很大篇幅强调语义化，比如通过每个标签的英文全称来讲他们的具体含义，又或者通过strong和em的区别，仔细把握某些特殊标签的意义。

那么学习HTML语义化的目的是什么呢

提高代码的可读性使用合适的标签来写页面，会让页面的条理更加清楚，即使不使用css也能清楚地看出页面的逻辑结构，便于提升团队合作开发效率。尽管在多数情况下，用不同的标签可以实现相同的呈现方式，但是语义最符合的那一个才是首选。
便于团队开发和维护，语义化的HTML可以让开发者更容易的看明白，从而提高团队的效率和协调能力。
有利于搜索引擎爬虫更好的理解我们的网页，从而获取更多的有效信息，提升网页的权重。
便于其他设备解析网页内容结构，如屏幕阅读器等等

那么如何做好语义化开发呢

作为开发者最最最重要的当然是将各个标签的语义烂熟于胸，在分析需求时能够快速反应，选择合理的标签