第十二章:标题标签

在这里插入图片描述
图4-3是绿叶学习网(本书配套网站)中的一个页面,我们从中可以看出:对于一个HTML页面来说,一般都会有各种级别的标题。
在HTML中,共有6个级别的标题标签:h1、h2、h3、h4、h5、h6。其中h是header的缩写。6个标题标签在页面中的重要性是有区别的,其中h1标签的重要性最高,h6标签的重要性最低。
这里要注意一下,一个页面一般只能有一个h1标签,而h2到h6标签可以有多个。其中,h1表示的是这个页面的大标题。就像写作文一样,你见过哪篇作文有两个大标题吗?但是,一篇作文却可以有多个小标题。举例

标题标签

这是一级标题

这是二级标题

这是三级标题

这是四级标题
这是五级标题
这是六级标题
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907114104157.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwNjMwNDM4,size_16,color_FFFFFF,t_70) 浏览器预览效果如图4-4所示

分析
从预览图可以看出,标题标签的级别越大,字体也越大。标题标签h1~h6也是有一定顺序的,h1用于大标题,h2用于二级标题……以此类推。在一个HTML页面中,这6个标题标签不需要全部都用上,而是应该根据需要来决定使用。
h1~h6标题标签看起来很简单,但是在搜索引擎优化中却扮演着非常重要的角色。对于这些深入的内容,如果放在这里讲解,估计大家会看得一头雾水。因此,我们放到本系列书进阶篇的《从0到1:CSS进阶之旅》中再做详细介绍。

【解惑】
有些初学者很容易将title标签和h1标签混淆,认为网页不是有title标签来定义标题吗?为什么要用h1标签呢?

在这里插入图片描述
title标签和h1标签是不一样的。title标签用于显示地址栏的标题,而h1标签用于显示文章的标题,如图4-5所示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值