title 标签|学习笔记

简介: 快速学习 title 标签

开发者学堂课程【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 的作用就是显示标题最核心、最提炼的功能。

可以注意到不管是腾讯还是京东,标题栏中前面都有一个小图片,之后会讲怎么把网页标题前面加上小图片

相关文章
|
8月前
|
消息中间件 Java 数据库
RocketMQ实战—9.营销系统代码初版
本文主要介绍了实现营销系统四大促销场景的代码初版:全量用户推送促销活动、全量用户发放优惠券、特定用户推送领取优惠券消息、热门商品定时推送。
RocketMQ实战—9.营销系统代码初版
|
Kubernetes 监控 数据安全/隐私保护
普罗米修斯监控k8s
普罗米修斯监控k8s
340 1
|
Oracle 关系型数据库 Linux
服务器数据恢复—磁盘掉线但热备盘没有启用导致RAID5阵列崩溃的数据恢复案例
某公司的一台服务器中的raid5磁盘阵列有两块磁盘先后掉线,服务器崩溃。故障服务器的操作系统为linux,操作系统部署了oa,数据库为oracle。oracle数据库已经不再对该oa系统提供后续支持,用户要求尽可能恢复操作系统和数据。 经过北亚企安数据恢复工程师检测,发现热备盘完全无启用,所有硬盘不存在明显物理故障,无明显同步的表现。
服务器数据恢复—磁盘掉线但热备盘没有启用导致RAID5阵列崩溃的数据恢复案例
|
测试技术
软件测试用例评审标准规范是什么?附模板
软件测试用例评审标准规范是什么?附模板
1417 1
register定义变量
register定义变量。
130 0
|
C语言 开发者
【数据结构】C语言结构体详解
【数据结构】C语言结构体详解
305 0
|
存储 算法 程序员
【算法训练-动态规划 一】【应用DP问题】零钱兑换、爬楼梯、买卖股票的最佳时机I、打家劫舍
【算法训练-动态规划 一】【应用DP问题】零钱兑换、爬楼梯、买卖股票的最佳时机I、打家劫舍
296 0
|
索引 Python
Python正则表达式实战案例
Python正则表达式实战案例
|
存储 缓存 Oracle
【数据库设计与实现】第1章:空间管理与数据布局
空间管理与数据布局 设计原则数据库设计数据布局和空间管理应当考虑哪些因素呢?又有哪些设计原则?本章先提出问题,看有哪些因素要考虑,然后选取Oracle和MySQL这2款最流行的数据库,看看它们是如何进行空间管理的。我们先看看有哪些因素要考虑:数据最终要反映到持久设备上,空间管理首先要考虑持久设备(如磁盘)的物理特性,考虑如何组织数据才能最大化地发挥存储设备的效率;如何协调平衡多样化的数据,如超大的
【数据库设计与实现】第1章:空间管理与数据布局
|
人工智能 自然语言处理 自动驾驶
破壁人AI百度:科技公司反内卷的典型样本
“内卷论”与“尽头论”的流行,让我们看到,中国科技产业尤其是互联网,需要自己的“破壁人”计划,突破封锁,尤其是跳出原有的路径依赖。我们不应该只是一味的看到消费互联网的互联网产业,却不见更为广阔的产业互联网未来。
破壁人AI百度:科技公司反内卷的典型样本