开发者学堂课程【HTML 基础入门学习:title 标签】学习笔记与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/465/detail/5714
title 标签
一、title 标签
<title></title>
1.特点:
(1) 成对出现的
(2) 有开始标签和结束标签。
网页标题,会显示在浏览器的标题栏
2. 注意:
title 是 head 标签中唯一要求包含的东西
head 是放网页的标题、描述、关键词等等网页核心信息的,不会被显示在网页中。
比如:
当初始化 html 时可以看到 head 里面只有 title,所以 title 是必须要写的。
<html>
<head>
<title>this is a test</title>
</head>
<body>
this is a real test
</body>
</html>
会发现<title></title>里的内容会显示在上方的标题栏里,而网页中只会显示<body>里的内容。
比如将 head 里面的内容修改为 this is a page,刷新上方标题栏中的信息就变成了 this is a page。
比如随便打开一个qq.com,腾讯首页就会出现在标题栏的标签中,它的 title 肯定就是腾讯首页。
右键点击审查元素可以看到在 head 里显示:<title>腾讯首页</title>
再比如打开京东,标题栏中的内容和审查元素中 head 里 title 里的内容也是一样的。
所以 title 的作用就是显示标题最核心、最提炼的功能。
可以注意到不管是腾讯还是京东,标题栏中前面都有一个小图片,之后会讲怎么把网页标题前面加上小图片。