标题行标记

标题行标记

标题,这里的标题是指文章内容中的标题。我们的一篇文章,比如一篇新闻,在新闻的内容上方往往有一个标题。很多时候这个标题我们可以使用标题行标记。

标题行标记从 <h1><h6>,共六个级别,文字均为粗体。

其中 <h1> 表示一级标题,文字最大;<h6> 文字最小。

本节代码

<!DOCTYPE html>
<html>
    <head>
        <title>标题栏</title>
    </head>
    <body>
        <h1>标题1</h1>
        <h2>标题2</h2>
        <h3>标题3</h3>
        <h4>标题4</h4>
        <h5>标题5</h5>
        <h6>标题6</h6>
        <p>内容部分</p>
    </body>
</html>Code language: HTML, XML (xml)

补充说明

  • <h1><h6> 是块级元素,浏览器默认会加粗并在前后添加间距
  • 语义层级:<h1> 最重要,<h6> 最次要。一个页面建议只有一个 <h1>,代表页面核心主题,有利于 SEO
  • 标题标记不要仅为了改变文字大小而使用,应从语义出发。如果只需要视觉上的大小变化,用 CSS 的 font-size 控制
  • 标题标记不能嵌套,即不能在 <h1> 里面再放 <h2>
  • 正确嵌套顺序应从 <h1> 开始依次递减,不要跳级(如从 <h1> 直接到 <h3>),保持文档结构清晰

Previous:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注