HTML 基础

SEO 相关内容

所谓 SEO ，就是搜索引擎索引优化，让搜索引擎更容易定位到网站内容，然而对于一个网站，最重要的便是 HTML，提供完整的内容是 web 出现的首要原因，一个好的网站不应该脱离内容，功能主体。

1. HTML 语义化的理解

Web语义化是指使用恰当语义的html标签、class类名等内容，让页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析，结果为人类所用；另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器（如果访客有视障）能够读懂内容。

简而言之，一种 Web开发规范，规范的作用就有：

1. 更好的维护项目，提高代码可读性。
2. 机器更容易理解内容，那么对于 SEO,Aria都有帮助，同时有利于编译器进行一系列优化。

2. h1 标签和 title 标签之间的区别是什么？

• h1标签：写在文章正文的标题部分，参与文章的内容部分，对于一个页面最好只有一个主题，更好彰显主题。
• title标签：写在网页的 head 部分，不参与文章的内容，是展示给搜索引擎的，对于 SEO 而言其权重无疑是最大的，其次，会作为浏览器标签卡，并会保留在历史记录中。

3. <img /> 中的 title 属性和 alt 属性的区别

alt 属性是在图片无法加载的时候才会显示的代替文本，对于 alt 的作用是易用性的一个重要信息，屏幕阅读器会提示出来，而 title 是关于元素的注释信息，主要是给用户解读，当鼠标放到文字或是图片上时有 title 文字显示。这两者的区别就类似于我们所说的 em和 strong 的区别