"HTML标签语义化及补充知识点总结2021-2022年"

HTML标签语义化是指让标签和属性的用途和作用更加直观，主要的好处是对搜索引擎友好。通过语义化的写法，可以让搜索引擎更好地理解和重视网页内容。 举例来说，如果你想在页面中突出显示“奥巴马”这三个字，并希望搜索引擎重视它，在普通的写法中，你可能会使用`<div>`标签来包裹这个字，但对于搜索引擎来说，它只是一个普通的三个字，无法理解其重要性。而通过语义化的写法，你可以使用`<h1>`标签来表示“奥巴马”，这样搜索引擎就能更好地理解它的重要性。 类似地，为了使文字加粗显示，我们可以使用`<em>`标签用作强调，而使用`<strong>`标签用作重点强调。这样做不仅可以增加文本的可读性，也更容易被搜索引擎理解。 另外，对于表示删除线的标签，`<s>`只是一个普通的删除线，而`<del>`则更具语义化，它表示删除一个内容，并带有`cite`和`datetime`属性来表明删除的原因和时间。通过使用`<del>`标签，不仅可以清楚地表达删除的含义，还能提供更多相关信息。 因此，标签语义化的本质就是让搜索引擎更好地理解和重视你想要表达的内容，使其得到更好的展示。 除了标签语义化，还有一些HTML标签的补充知识点。 首先是缩写说明。可以使用`<abbr>`标签来标记一个缩写词，使用`title`属性来提供缩写的完整解释。例如，`<abbr title="Hyper text Markup Lang;">HTML</abbr>`表示HTML的完整解释是“Hyper text Markup Lang;”。这样当用户将鼠标悬停在缩写上时，将显示完整的解释，提供更好的用户体验。 其次是字符实体。HTML不仅支持常规的文本和标签，还支持特殊字符的表示。有些字符在HTML中有特殊的含义，比如小于号“<”和大于号“>”，为了在文本中正确显示它们，可以使用字符实体代替，例如“&lt;”表示小于号，“&gt;”表示大于号。 另外还有一些常用的标签补充。`<cite>`标签用于标记引用的作品或来源的标题，`<code>`标签用于标记计算机代码，`<sup>`标签用于表示上标，`<sub>`标签用于表示下标，`<pre>`标签用于标记预格式化的文本，等等。这些标签的使用可以增加文本的语义化和可读性。 总之，通过对HTML标签的语义化和补充的了解，我们可以更好地编写符合搜索引擎要求的网页，并提供更好的用户体验。