W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 标题



在 HTML 文档中,标题很重要。


HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。

Example

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
尝试一下 »

注意: 浏览器会自动地在标题的前后添加空行。


标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成 粗体大号 的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。


HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

hr 元素可以用于不同的内容:

Example

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
尝试一下 »

HTML <head> 元素

HTML <head> 元素在HTML头部什么也不做。

HTML <head> 元素包含 元数据。元数据不在页面中显示。

HTML <head> 元素放在 <html> 标签和 <body> 标签之间:

Example

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
尝试一下 »
Note 元数据是关于数据的数据。HTML元数据是关于数据的HTML文档。

HTML <title> 元素

HTML <title> 元素是元数据,它定义了HTML文档的标题。

标题不会在文档中显示,但可以在浏览器选项卡中显示。


HTML <meta> 元素

HTML <meta> 元素也是元数据。

它可用于定义字符集和有关HTML文档的其他信息。


更多 Meta 元素

在关于HTML样式的章节中,您会发现更多 meta 元素:

HTML <style> 元素用于定义内部CSS样式表。

HTML <link> 元素用于定义外部CSS样式表。


HTML提示 - 如何查看HTML源代码

你有没有看过一个网页,想知道“嘿!他们是怎么做的?

要找出,请在网页中右键点击,然后在其他浏览器中选择“查看网页源代码”(在Chrome中)或“查看源代码”(在IE中)或类似选项。 这将打开一个包含页面的HTML代码的窗口。


HTML 标签参考手册

W3School 的标签参考手册提供了有关这些标题及其属性的更多信息。

您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

标签 描述
<html> 定义 HTML 文档
<body> 定义文档的主体
<head> 定义文档的头部
<h1> to <h6> 定义 HTML 标题
<hr> 定义水平线