常见的meta标签属性

meta标签是网页元标签。可以定义一些网站的功能。

1. name属性

name属性的通用格式如下:

<meta name="xxx" content="xxxx,xxxx">

常见的值有如下几种:

1. viewport

定义浏览器窗口的视窗为自适应大小

<meta name="viewport" content="width: device-width,initial-scale=1.0">

2. keywords

指定当前页面对于搜索引擎的关键字

<meta name="keywords" content="js,html">

3. description

告诉搜索引擎当前页面的主要内容,firefox中被用作标签的描述。

<meta name="description" content="this is a websit">

4. author

标明作者

<meta name="author" content="lyralee">

2. http-equiv属性

该属性可以改变服务器和js引擎的一些行为。通用形式:

<meta http-equiv="xxx" content="xxx"> 

1. refresh

自动刷新页面。content的内容是刷新的间隔时间(s)

    <meta http-equiv="refresh" content="1">

2. X-UA-Compatible

IE8出现的,对于IE8+有效。指定IE8+的浏览器渲染模式。

通用模式:

<meta http-equiv="xxxxx" content="ie=XXXX,xxx">

常见值类型:

1. 将IE8+使用最高版本的IE对应的渲染引擎进行渲染页面

<meta http-equiv="X-UA-Compatible" content="ie=edge">

2. 将IE8+使用IE8渲染引擎渲染页面

<meta http-equiv="X-UA-Compatible" content="ie=8">

3.  将IE8+使用IE7渲染引擎渲染页面

<meta http-equiv="X-UA-Compatible" content="ie=7">

4. 对于内嵌了ChromeFrame的浏览器,使用chrome的渲染引擎进行渲染

<meta http-equiv="X-UA-Compatible" content="ie=Edge,chrome=1">

猜你喜欢

转载自www.cnblogs.com/lyraLee/p/12008782.html