Bjb Code

|

大鱼

主题设置

卡片式面板通常用于非白色背景色的主体内

标题标签

标题只有 6 个，通过 <h1>、<h2>、<h3>、<h4>、<h5>、<h6> 标签进行定义，其结束标签为 </h1>、</h2>、</h3>、</h4>、</h5>、</h6> 。

标题示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>笔记本代码(bjbcode.com)</title>
	</head>
	<body>
		<h1>这是标题一</h1>
		<h2>这是标题二</h2>
		<h3>这是标题三</h3>
		<h4>这是标题四</h4>
		<h5>这是标题五</h5>
		<h6>这是标题六</h6>
	</body>
</html>

尝试一下

示例解析

h1 到 h6 依次设置 6 个标题。
从 <h1> 到 <h6>，标题依次变小，<h1> 定义最大的标题，<h6> 定义最小的标题。

嵌套其他标签

标题之中也可以嵌套其他标签，比如嵌入图片：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>标题中嵌套其他标签</title>
	</head>
	<body>
		<h1><img src="img/logo.png" alt="笔记本代码"></h1>
	</body>
</html>

尝试一下

标题拓展

标题属于块级元素，所以每个标题独占一行。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
每个页面应该只使用一次 h1，这是主标题，所有其他标题都应位于 h1 的下方。
在可用的 6 个标题级别中，应该保证每个页面中使用的标题级别不超过 3 个，除非有必要使用更多。
搜索引擎使用标题为网页的结构和内容编制索引，具有许多标题级别的文档会变得难以操作并且难以导航。
确保将 HTML 标题标签只用于描述标题，不要为了生成粗体或大号的文本而使用标题。