meta标签的使用

时间:2021-08-18 00:25:56

meta标签是html标记head区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

http-equiv 属性:模拟http文件头信息,当内容从服务端发送到客户端时,告诉浏览器如何正确显示信息

 <meta http-equiv="content-type" content="text/html;charsset=UTF-8" /> <!--设置字符集-->
<meta charset="gbk"> <!--html5中设置字符集-->
<meta http-equiv="refresh" content="5" /> <!--每 5 秒刷新一次页面(不使用js定时器)-->
<meta http-equiv="refresh" content="5;http://www.baidu.com" /> <!--等待5秒自动跳转页面-->

Name属性:设置网页关键字,描述信息等

"author"标注网页的作者。

"keywords" 页面关键词,用于被搜索引擎收录。

"description"页面描述,用于搜索引擎收录。

"renderer"指定双核浏览器默认以何种方式渲染页面,默认webkit内核。

"copyright"网站版权信息。

"viewport"用于控制页面缩放。

"generator"说明网站的采用的什么软件制作。

"revised"网页文档的修改时间。

 <meta name="author" content="dashen" />
<meta name="keywords" content="新闻,新闻中心, 新闻频道">
<meta name="description" content="新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站">
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit" />
<meta name="generator" content="Microsoft"/>
<meta name="revised" content="设计网, 6/24/2015"/>
<meta name="copyright" content="本页版权XXX所有。All Rights Reserved" />