您当前的位置:首页 > 教程列表 > Html

标题标签

<hn>: n的取值范围是1~6; <h1> 定义最大的标题。<h6> 定义最小的标题。常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.2 标题标签</title>
    </head>
    <body>
        <h1>标题H1</h1>
        <h2>标题H2</h2>
        <h3>标题H3</h3>
        <h4>标题H4</h4>
        <h5>标题H5</h5>
        <h6>标题H6</h6>
    </body>
</html>

以上代码运行后,浏览器显示如下图

从上面的图可以看到h1,h2,h3,h4,h5,h6,作为标题标签,都是加粗的字体,h1代表最大,它的重要性特别高,字体也最大。h6代表最小,字体最小,重要性也最小。

h1-h6以重要性递减,它能让页面的层级关系更清楚,让搜索引擎更好地抓取和分析出页面的主题内容等等。

h1-h6标签使用原则

① h1标签具有唯一性,通常一个HTML页面我们只使用一次,通常文章题目咱们大概应用h1,或者是网页文字logo也能够应用h1标签来布局。我建议还是文章的题目用h1。

②h2标签,没有具备唯一性特性,通常一个网页两三次为佳,不要过度使用。

③h3标签,通常栏目题目均可用h3,能多次运用,没有次数限定。

④h4-h6标签,通常使用比照少,一般我们使用h1-h3比较多。

总结:h1表示的标题在页面的级别是最高的。一个网页中最好只应用一次即可。其它h2标签、h3标签、h4标签可以运用多次。所以大家在做页面的时候可以根据标题的重要性来选择标题标题的使用,切记不要滥用。

内容标题和网页标题的区分

下面看一张截图区分一下标题和网页标题

以上实例显示可以让大家有效的区分两个标题的用法。其实很好记的,head里面的<title>标题显示在浏览器上标签位置,body内容里面的h1显示在浏览器内容里面的。

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取