<h1>: 一级标题标签

最后更新:2026-10-13

<h1>一级标题标签

<h1> 是一级标题元素,是页面上最重要的标题。每个页面建议只有一个 <h1>,它通常与页面的主题或品牌名称对应,对 SEO 非常重要。

分类文本内容
内容模型流式内容、标题内容
允许的父元素接受流式内容或标题内容的元素
闭合标签需要 </h1> 标签
状态标准

📝 语法

<h1>一级标题</h1>

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<h1> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
所有主流浏览器均支持
提示: 一个页面只使用一个 <h1>,标题层级不要跳级(h1 → h2 → h3)。

❓ 常见问题

Q一个页面可以有几个 h1?
A规范允许多个(每个 article/section 内可有自己的 h1),但 SEO 实践强烈建议整页只用一个 h1 作为主标题——这是搜索引擎判断页面主题的关键信号。其余层级用 h2 及以下递进。
Qh1 和 title 有什么区别?
A<title> 在 head 里、显示在浏览器标签页和搜索结果标题上,不可见于正文;<h1> 在 body 里、是页面可见的主标题。两者内容可以相近但职责不同:title 面向搜索结果点击,h1 面向读者。
Qh1 里可以放 logo 图片吗?
A可以,常见做法是首页 h1 放 logo:<h1><img src='logo.png' alt='站点名'></h1>,用 alt 提供文字。内页则建议 h1 放当页主标题,logo 降级为普通链接或放 header 里。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏