HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

2.4.1 标题标签<title>

HTML 文档的标题显示在浏览器的标题栏,用以说明文件的用途。每个HTML文档都应该有标题,在HTML文档中,标题文字位于<title>和</title>标签之间,<title>和</title>标签位于HTML文档的头部,即位于<head>和</head>标签之间。

语法格式:

<title>…</title> 

语法说明:

<title>标签和</title>标签之间的“…”就是标题的内容,它可以帮助用户更好地识别网页。在一个页面中,页面标题只有一个,它位于HTML文档的头部,即<head>标签和</head>标签之间。

应用举例(showtitle.html):

<!DOCTYPE HTML> 
<html> 
<head> 
<title>HTML5参考手册</title> 
</head> 
<body> 
</body> 
<html> 

代码分析:

以上代码中,加粗部分的通过<title>标签设置文档标题,标题为“HTML5参考手册”。

在Chrome浏览器中访问该文档,可以看到<title>标签中设置的标题被显示在浏览器的标题栏中,如图2-4所示。

47140-00-028-1.jpg

图2-4 显示文档标题

另外,标题中设置的内容通常会被设定为收藏夹(书签)中默认的名称,如图2-5所示。

47140-00-028-2.jpg

图2-5 添加书签的默认名称

如果保存该网页,标题设置的名称也会作为默认的保存名称,如图2-6所示。

47140-00-028-3.jpg

图2-6 网页保存的默认名称