什么是HTML？HTML的全称是HyperTextMarkupLanguage，翻译过来就是超文本标记语言。它定义了网页的内容和结构。为什么为了可读性和可维护性而使用语义标签HTML有很多标签，每个标签都有它的语义。例如，h1~h6代表不同重要性的标题。虽然通常很多同学用div、span等非语义标签也能达到同样的效果，但是可读性差了很多。可能有同学觉得可读性并没有变差，那是因为我们很多人没有使用语义标签的习惯，都是div。由于html是标记语言，是声明式的书写方式，不可编程，逻辑表达能力不强。HTML标签就像Java、C、Javascript等其他编程语言中的变量，如果程序员随意给变量命名，代码的可读性会很差，后期的维护成本会很高。SEO因为大部分网站的域名都比较难记，所以很多人都是通过门户网站上网。但是，在搜索引擎出来之后，使用搜索引擎上网已经越来越成为一种趋势。搜索引擎可以根据你输入的关键词，直接搜索出相关的网站和内容，免去人工一一搜索的麻烦。但是搜索引擎怎么知道这个网站就是我们要找的呢？搜索引擎发送的爬虫会无时无刻不在访问互联网上的各种网站。当它获取到各个网站的html文档后，会根据里面的元数据判断网站的类型和内容，保存到数据库中。（恶意诱导爬虫另当别论）seo重要吗？当然很重要。SEO可以给网站带来流量。流量就像网站的血液。没有流量，网站就不存在。SEO现在已经成为互联网的一个垂直行业。干得好，年入百万不是梦。然而，seo操作不仅仅涵盖这些。可访问性一个好的网站应该让尽可能多的人可以访问。例如，盲人也可以在屏幕阅读器的帮助下在线购物。如果网站的购物车按钮写在div中，屏幕阅读器将很难识别。为什么我们需要允许盲人访问互联网？这是一个非常有趣的问题。因为我们每天花很多时间用手机或者其他设备浏览网页，万一以后瞎了，以后还可以上网。（不仅如此，这个世界上还有盲人游戏和盲人程序员）常见的HTML标签语义关于html标签语义的讨论和文章数不胜数，很多网站开发者都想尽力遵守，但是一旦到了开发的时候，我不记得用什么标签了。于是，我开始抓头皮，时间一长，我就秃了。部分标签的用法如下：article：译文是article的意思，其内容应该是一篇独立完整的文章。这可以是杂志、报纸、技术或学术文章、论文或报告、博客或其他社交媒体帖子。文章可以嵌套，但它们的内容必须是相关的。每篇文章都应该有一个标题（h1~h6）。节：节。例如，一篇文章的片段。每个段落应该有一个标题（h1~h6）。当section是arcticle的子元素时，标题的字号不能大于文章的字号（否则会显得怪怪的）。也不推荐使用styles做section或者作为脚本入口（大致就是不要用js来操作），应该改用div来做这些事情。它不同于p标签。我们写文章的时候一般都是以换行和空白两个字符开头。这意味着一个段落，可以用p表示。section可以是一个或多个p段。这些段落所表达的意思相近或构成一个完整的意思。类似于中小学的语文课，老师将学生分成几个班级。nav：导航块。例如，它包含跳转到其他页面或本页面的链接。nav的内容可能是也可能不是列表。示例：但是，在site网站底部一般会有很多链接，比如地址，联系方式等，这时候一般不需要用到nav。aside：相对于当前位置段落的独立内容。例如相关文字、段落、广告、导航h1~h6：不同重要程度的标题。header,footer:body,article,aside,nav,section都可以有页眉或页脚。header通常用于包裹顶部搜索框、目录、logo等，也可以包裹标题h1~h6，但不是必须的。figure,figure-caption：结合使用，这两者可用于插图、图表、照片、代码清单等的注释。例如： 雷曼开始睡觉了。 这艘船星期二出发，他做梦。船上有很多人，包括一位名叫凯利的公主。他日复一日地看着凯莉，希望她能注意到他，但是，她从来没有注意到。 终于，有一天晚上，雷曼鼓起勇气说她—— 这时，一声火警响起，把雷曼吵醒了。 注意！不要向Babina吐口水！ x的值为5
div：没有语义。它可以用来包裹一系列相关的子节点，并在布局中定位相关的内容。ol、ul、dl：前两个比较常用，分别是有序列表和无序列表。dl有点像二维无序列表。例如：interfacePrimaryCore{booleanverifyDataLine();voidsendData(按顺序<字节>数据);voidinitSelfDestruct();
blockquote,q:都是引用。一篇文章引用了另一篇文章。如果需要显示引用地址或相关信息，可以配合使用cite标签。区别在于块引用将在底部包含引用标签；q引用将更短，就像一个短语或单词，并且引用将作为兄弟节点出现在它之前。虽然q表现得像双引号。但是，有不同的使用场景。比如：said的话，可以用引号包起来强调，不一定适合q。s、del：两者默认外观相似，均有直通线。但是，s表示不太重要，del表示已弃用。strong，em：都有加强的意思。strong强调相关内容，而em强调语气，就像英语口语中的重音一样。i：外来名词或专有名词，或其他语气或声音等情况。前半句比较容易理解，后半句比较难理解。我们先看一个例子：
