h1到h6标签|学习笔记

简介: 快速学习h1到h6标签

开发者学堂课程【HTML 基础入门学习h1到h6标签】学习笔记与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/465/detail/5722


h1到h6标签

 

1.解释

<hx><hx/>x对应123456

此为成对的标签,有开始标签也有结束标签。

2.作用

定义标题文档的重点内容h1到h6 对应页面里的一些重要内容才会用标签。就像写作文一样,比较重要的题目、每一段的开始的第一句话,这些地方可能去使用这个标题。

h1是最大的标题, h6是最小的标题

3.优先级

6个标签数字数字越往前越重要。比如1表示其十分重要,常用h1-h3

基本上忽略h4-h6,因为不管是培训以及真实开发基本上没人用h4-h6,有些大公司连h3都很少用,所以常用h1-h3已然足够,表示一个优先级。

4.对应使用数量

(1)大体使用规定

一般情况下,一个页面最好仅使用一个h1h2可以有两三个h3在此基础上再稍微多一点由于一个页面所要表达的重点所要表达的功能仅有一个,h1使用一个就已足够

(2)h1数量限制的原因

一个页面放多个h1对 icu并不利,因为一个页面都是标题,如果操作引擎爬虫爬了一百个标题都是h1无法抓住内容的重点。故当页面只有一个h1,爬到h1时就会知道这个页面大概是干什么用的,更有利于搜索引擎将内容呈现给搜索的人。

5.存放位置

之前众多标签进行讲解时都必须置于head里面,而当前的标签基本上都是页面上可以看到的东西,都会放在body里面

如果没有声明这个标签必须放在那里,那么就是放在body里面,因为前面都是必须声明必须放在head里。

6.body

页面可以看到的结构。

7.举例

<!DOCTYPE html><html>

<head>

<title></title>

</head>

<body>

</body>

</html>

//将内容引入<body>:

<!DOCTYPE html><html>

<head>

<title></title>

</head>

<body>

<1>攻城课堂</h1>

<h3>攻城课堂的课程大纲</h3>

</body>

</html>

//保存刷新,文字是乱码这时候需要指明字符集:

<meta http-equivsu"" content-type“content="text/html;

charset=utf-8">

//乱码消除

//这时接着写入:<2>攻城课堂</h2><4>攻城课堂</h4><5>攻城课堂</h5>

//刷新,会发现最重要的字体越来越大,越往下越不重要的会越小。

//字体大小是浏览器默认的大小,即使不去设置样式,默认的h1最大。

8.注意

一定要重要的内容写在对应的h中,不能乱用h标签。

相关文章
|
8月前
|
前端开发 JavaScript
HTML简介及基础标签
HTML简介及基础标签
95 0
|
7月前
|
Python
if标签
【6月更文挑战第29天】if标签。
58 5
|
8月前
|
Python
for...in...标签
for...in...标签。
31 1
|
8月前
|
前端开发 JavaScript
基础标签应用
基础标签应用
59 2
|
移动开发
常用的不常见标签
常用的不常见标签
65 1
|
移动开发 前端开发 JavaScript
HTML+CSS常用的标签总结
HTML+CSS常用的标签总结
138 0
|
分布式计算 图计算 Spark
打标签_完成| 学习笔记
快速学习打标签_完成
打标签_完成| 学习笔记
|
图计算 开发者
打标签_生成标签| 学习笔记
快速学习打标签_生成标签
打标签_生成标签| 学习笔记
|
前端开发 开发者
基本标签 | 学习笔记
快速学习基本标签
基本标签 | 学习笔记