常见的meta标签属性

本文详细解读常见的meta标签属性,包括viewport用于响应式设计、keywords指定搜索引擎关键词、description提供页面内容概要,以及http-equiv属性如refresh控制页面刷新和X-UA-Compatible调整IE渲染模式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

常见的meta标签属性
一、name属性

常见的值有以下几种:

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">

二、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+的浏览器渲染模式。

常见类型:

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

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

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

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

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

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

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

<meta http-equiv="X-UA-Compatible" content="ie=Edge,chrome=1">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值