重学前端学习笔记 -head里包含的标签

 

1、什么是页面元信息类标签

所谓原信息，是指描述自身的信息，元信息类标签，就是用于描述文档信息的一类标签，通常出现在head标签中，不会在页面中显示

 

2、head标签

head标签规定了自身必须是html的第一个标签，不携带任何信息，作为包含其他标签使用，必须包含title标签，只能包含一个base标签

 

3、title标签

文档的标题，用来描述页面内容（概述页面的功能内容）

 

4、base标签

给页面上所有的URl相对地址提供一个基础，最多只有一个，改变全局的链接地址

 

5、meta标签

meta标签是一组键值对，一种通用的元信息表示标签，在head中，可以出现若干个meta标签，其中包含两个属性name和content，name表示元信息的命，content表示元信息的值。

 

（1）具有charset属性的meta无需再有name和content，它表示了文档的编码方式，常放在head标签的第一个子元素

 

（2）具有http-equiv属性的meta表示执行一个命令，可以不需要name属性，如

<meta http-equiv="content-type" content="text/html">

除此之外，还有以下几种命令

• content-language指定内容的语言

• default-style指定默认的样式表

• refresh刷新

• set-cookie设置cookie

 

（3）name为viewport的meta

值为逗号分隔的键值对，键值对的格式是key=value

content包含的属性有

 

 

一个常见的viewpoint如下

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,use-scalable=no">

 

name还可以指定为以下格式

• keyword

• author

• description

• generator

• refrrer

• them-color

• application-name