19、HTML页面头部信息与搜索引擎优化全解析

HTML页面头部信息与搜索引擎优化全解析

1. HTML页面头部元素概述

HTML页面的头部元素包含了多种不同的标签，它们各自有着独特的作用。以下是关于头部元素的一些基本事实：
- 头部元素是各种不同标签的集合，其中很多标签本身可能没有直接的显示效果。
- 标题元素（ <title> ）是必需的，而其他头部元素则是可选的。
- 头部元素很少相互嵌套，大多数是自闭合标签。
- HTML注释可以放置在文档头部，这些注释对后续的开发者或维护者非常有用。
- 一般来说，头部元素的顺序并不重要，但对于样式和脚本元素，顺序会影响CSS规则的应用和JavaScript函数的定义。

2. meta元素

2.1 meta元素的用途

meta元素用于表示文档的各种信息，这些信息无法通过标题或其他元素来表达。根据自闭合标签中存在的属性（ name 、 http-equiv 或 charset ），meta元素有三种不同的用途，且每个meta元素只能包含其中一个属性。

2.2 charset属性

charset 属性用于指定文档数据的字符编码，一个文档应该只有一个带有 charset 属性的meta元素，例如：

<meta charset="utf-8"/>

2.3 name属性