html中头部相关标签(＜head＞)基本概念

1 头部相关标签

1.1 title标签

title标签用于定义HTML页面的标题。它是双标签，开始和结束标签之间的内容就是要设置的页面标题。
它的作用是：

• 在浏览器的标题栏中显示标题
• 标题可以用作默认快捷方式或收藏夹的名称
• 标题还可以作为搜索引擎结果中的页面标题

应用时注意：

• 一个网页只能有一个标题
• 标题名称的长度不超过64个字符数
• 标题标记对之间不允许有其它的标签存在

1.2 meta标签

meta标签是单标签，用于定义页面的元信息。元信息不会显示在浏览器窗口中，但是对于机器是可读的。在HTML页面中，可以添加多个meta标签。
它的作用是：

• 设置页面的属性，如设置刷新、失效期、缓存、 cookie等
• 设置搜索引擎的属性，如设置关键字、简介、作者、机器人向导、 版权、编辑器等
• 设置字符编码的属性。
  <meta/>标签的语法格式：

<meta http-equiv="" content="" charset=""/>
<meta name="" content="" charset=""/>     

格式说明：

• http-equiv设置页面的属性，其相关内容由content属性取值来描述
• name设置搜索引擎的属性，其相关内容也是由content属性取值来描述
• charset是HTML5新增的属性，用于设置字符编码类型。

1.3 link标签

link标签可引用外部文件。它是单标签，一个页面允许使用多个link标签引用多个外部文件。
它的作用是：

• 指定引用外部文档的地址
• 指定当前文档与引用的外部文档的关系
• 说明引用外部文档的类型
  <link/>标签的语法格式：

<link href="" rel="" type=""/>

格式说明：

• href设置外部文档的地址
• rel设置当前文档与引用的外部文档的关系
• type设置外部文档的类型。

1.4 style标签

style标签用于为HTML文档定义样式。它是双标签，开始和结束标签之间是CSS样式规则。每个HTML文档能包含多个 style标签。

特别要注意：style 标签中type 属性必须设置，且属性取值只能 “text/css”。

2 相关选择题及参考答案

2.1 选择题

1、在HTML中，网页标题应放置在（ ）

A、
标记之间
B、
标记之间
C、
HTML中的任意位置

2、关于title标签的用法，下列说法正确的是（ ）。

A、
一个页面可以多次使用title标签来设置标题

B、
title标签内还可以嵌套其他标签

C、
title标签设置的标题可作为默认快捷方式或收藏夹的名称

3、如果设置页面刷新、失效期等元信息，可对meta标签添加相应的name属性。

A、
正确

B、
错误

4、下列link标签的属性中，（ ）可用于指定当前文档与引用的外部文档的关系。

A、
href

B、
rel

C、
type

5、style标签中的中type 属性有多种取值。

A、
正确

B、
错误

2.2 参考答案

1、C
2、C
3、B
4、B
5、B