2.语义化标签简历在文档化页面的基础上面，将网页当做是一个文档，DOM中的D（document）以及在书写js是用到的document就已经很清晰的告诉我们，计算机将页面当做是一个document，我们也可以将页面归为document的一种。
3.HTML标签本身是意义的。如p---paragraph，li---list，img---image但是有些是无语义化的如div---division并不能呢个表示div标签里面内容的属性和表现样式。
4.HTML5在运来HTML的基础上根据大部分人的开发习惯和一般的网站页面展现形式，增加了语义化的标签如<header><footer><nav><article>.
5.个人理解是HTML是定义好属性的XML，语义化HTML可以让页面结构更清晰，写更少的CSS和JS，以及更有利于SEO
Tailwindcss 是一个功能类优先的 CSS 框架，通过 flex, pt-4, text-center 和 rotate-90 这种原子类组合快速构建网站，而不需要离开你的 HTML。就是记住原子类，不要再自己想 CSS 命名一股脑子写 HTMl 就行了！
它与常规的 Bootstrap、Bulma 和 Material UI 不同之处在于没有提供预设的组件，比如：按钮、菜单和面包屑等。在 Bootstrap 中创建一个按钮：
得到如下：
而 Tailwindcss 没有固定的预设样式，所以需要自己组合：
结果：
一个方法、一个库、一个框架或者说一个新的东西的出现肯定是为了解决一个问题，不然它的出现可能毫无意思。就算是手工耿做的一些无厘头的东西，实际看着还有点用呢（最近他给僵尸做了一辆自行车）：
那 Tailwindcss 解决了什么问题？可以从作者的意图看出：
他认为语义化的 CSS 并不是很好维护。
其实想想自己项目初始的时候自己起的很有语义化的名字，随着业务的变化和不同人员的更改那个起初很有意义的名字已经 名不符实 。
还有我们在使用 Bootstrap 预设类的 UI 框架时遇到设计风格和公司内部不同时，重置样式也会带来头疼的问题。
我们这里使用的是 V3 版本的 CDN（不推荐），若想配合构建工具看看官网如何使用的。V2 的 CDN 是引入一个 CSS 文件，而 V3 引入的是一个 script 。
结果：
https://tailwindcss.com/docs/hover-focus-and-other-states
结果：
看下 hover 是如何实现的：
我们之前给某个样式添加 hover 如何做？
在 Tailwindcss 中不是给现有的 class 添加一个 hover 状态，而是新增一个特定功能的 class :
这样有类似 hover 样式的就可以复用了。
学习 Tailwindcss 的期初负担在于记忆类名，还好都是有规律可循的：
单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。
web标准的优点：
代码的效率：
在HTML文件中使用最精简的代码，而把样式和页面布局信息包含进CSS文件中。则放在服务器上的文件越小，下载文件需要的时间就越短。
可用性：
产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。
可维护性：
页面的样式和布局信息保存在单独的CSS文件中，如果你想改变站点的外观时，仅需要在单独的CSS文件中做出更改即可。整站统一css则可带来巨大的便利。
可访问性：
上网用户中那些视力受损的人，通过屏幕阅读器使用键盘命令将网页的内容读给他们听。以语义化的HTML（结构和表现相分离的HTML）编写的网页文件，就可以让此类用户更容易导航，且网页文件中的重要信息也更有可能被这些用户找到。
语义化标签利于 网络爬虫/搜索引擎：搜索引擎使用“爬虫”，解析你的网页。语义化的HTML能更准确更快速的被解析，从而知道哪些才是重要的内容，那么你的网页在搜索结果中的排名就会大受影响。
兼容性：
纯HTML，无附加样式信息，可以针对具有不同特点（如屏幕尺寸等）的设备而被重新格式化，只需要引用一套另外的样式表即可。同时，CSS本身也可以让你为不同的呈现方式和媒体类型（如在屏幕上阅读网页，打印网页，在移动设备上阅读网页等）规定不同的样式表。
