2025-08-18 18:29:39

:标题元素 - HTML(超文本标记语言)

:标题元素Baseline Widely availableThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Learn moreSee full compatibilityReport feedback

HTML 元素表示介绍性内容,通常是一组介绍性或导航性辅助内容。它可能包含一些标题元素,也可能包含徽标、搜索表单、作者姓名和其他元素。

尝试一下

Beagles

I love beagles so much! Like, really, a lot. They’re adorable and

their ears are so, so snugly soft!

.logo {

background: left / cover

url("/shared-assets/images/examples/puppy-header.jpg");

display: flex;

height: 120px;

align-items: center;

justify-content: center;

font:

bold calc(1em + 2 * (100vw - 120px) / 100) "Dancing Script",

fantasy;

color: #ff0083;

text-shadow: #000 2px 2px 0.2rem;

}

header > h1 {

margin-bottom: 0;

}

header > time {

font: italic 0.7rem sans-serif;

}

使用说明

元素的意义与网站范围内的 banner 地标角色相同,除非嵌套在分段内容内。在这种情况下,
元素不再是地标。

元素可以定义一个全局站点标题,在无障碍树中描述为 banner。它通常包括一个徽标、公司名称、搜索功能,以及可能的全局导航或标语。它通常位于页面的顶端。

否则,它是在无障碍树中的一个 section,通常包含周围部分的标题(h1 – h6 元素)和可选的副标题,但这并不是必要的。

历史用法

元素最初在 HTML 的早期用于标题。在第一个网站中可以看到。在某个时间点,标题变成了

,使
可以自由地扮演一个不一样的角色。

属性此元素包含全局属性。

无障碍当

元素的上下文为 元素时,它定义了一个 banner 地标。当 HTML 标题元素是