<head>: 头部标签
最后更新：2026-10-13
<head>头部标签
文档的头部，存放不会直接显示的元信息：标题、字符集、样式、脚本引用等。
| 分类 | 文档结构 |
|---|---|
| 内容模型 | 根元素子级 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </head> 标签 |
| 状态 | 标准 |
📝 语法
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <head> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： head 里的内容不显示在页面正文；title、meta charset 等对 SEO 与渲染至关重要。
❓ 常见问题
Qhead 里可以放哪些元素？
A元数据专用区：
<title>、<meta>、<link>、<style>、<script>、<base>、<noscript>、<template>。放可见内容（如 div）是无效的——head 的内容模型只允许元数据类元素。Qhead 里的元素有顺序要求吗？
A少数有：
<meta charset> 必须在前 1024 字节内出现（放最前面最稳）；<title> 必须存在且建议靠前；viewport meta 要在样式生效前。其余 link/script/style 顺序自由，但关键 CSS 放前面可减少渲染阻塞。Qhead 可以省略吗？
A解析器会自动补全，但省略会导致 title 等关键元数据位置混乱。规范要求 title 必须存在——head 省略时 title 会游离到 body。显式写 head 是基本素养。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
