开发者学堂课程【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)大体使用规定
一般情况下,一个页面最好仅使用一个h1;h2可以有两三个;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标签。