前言

本教程基于尚硅谷Web前端教程发布，你们也可以理解为这是一篇尚硅谷教程的笔记，当然这里也有我自己的一些经验总结

什么是语义标签

语义话标签都有它的直观含义，能够方便阅读。如：

1
2

<p>一行语义标签旨一个段落</p>
<span>一行语义话标签文字无特殊含义</span>

如上文，这两行标签都是语义话标签，但语义各不相同
使用语义标签时应该关注它的语义而不只关注它的样式

什么意思？

如图，这里有两个标签<h1>和<h2>在直观的感受中我们感觉到<h1>是比<h2>大的，但这个不重要，我们可以通过CSS来让<h1>变得比<h2>小，也可以相反<2>变得比<h1>大，所以我们只关注它的语义而不关注它的样式

优势

1)代码结构清晰，方便阅读，有利于团队合作开发。

2)方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。

3)有利于搜索引擎优化（SEO）。

因此我们在写页面结构时，应尽量使用有 语义的HTML 标签

那么有哪些是常见的HTML标签呢

常见的

• <title>:页面标题，这个不用多说了吧

• <h1>:分级标题有h1~`h6，其与