HTML 头部元素 head 及其内部元素：title、meta、link 等 - 完整指南 - 常规

HTML 头部元素 "head" 是 HTML 文档的一个必需元素，它包含了文档的头部信息，但不会在页面中显示出来。\n\nhead 元素内部可以包含以下元素：\n\n1. "title"：定义文档的标题，在浏览器的标题栏或标签页上显示。必须是 head 元素的子元素，且只能出现一次。\n\n2. "meta"：定义文档的元数据，如编码方式、关键词、描述等。常用的属性有：\n - "charset"：定义文档的字符编码。\n - "name"：指定元数据的名称。\n - "content"：指定元数据的值。\n\n3. "link"：定义文档与外部资源的关系，如 CSS 文件、图标等。常用的属性有：\n - "rel"：定义文档与链接资源之间的关系。\n - "href"：指定链接资源的 URL。\n - "type"：指定链接资源的类型。\n\n4. "style"：用于定义文档的样式信息，可以包含 CSS 代码。\n\n5. "script"：用于定义文档的脚本信息，可以包含 JavaScript 代码。\n\n6. "base"：定义页面中所有链接的基准 URL。只能出现在 head 元素的最开始位置。\n\n下面是一个示例：\n\nhtml\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset="UTF-8">\n <title>HTML 头部元素</title>\n <link rel="stylesheet" href="styles.css">\n <script src="script.js"></script>\n</head>\n<body>\n \n</body>\n</html>\n\n\n在上面的示例中，head 元素包含了 meta 元素定义文档的字符编码为 UTF-8，title 元素定义了文档的标题为 "HTML 头部元素"，link 元素引入了一个名为 "styles.css" 的 CSS 文件，script 元素引入了一个名为 "script.js" 的 JavaScript 文件。