标题行标记
标题,这里的标题是指文章内容中的标题。我们的一篇文章,比如一篇新闻,在新闻的内容上方往往有一个标题。很多时候这个标题我们可以使用标题行标记。
标题行标记从 <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: 文字排版