meta标签的使用

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

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

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

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

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

"author"标注网页的作者。

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

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

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

"copyright"网站版权信息。

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

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

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

1 <meta name="author" content="dashen" />
2 <meta name="keywords" content="新闻,新闻中心, 新闻频道">
3 <meta name="description" content="新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站">
4 <meta name="viewport" content="width=device-width, initial-scale=1, 
5 maximum-scale=1, minimum-scale=1, user-scalable=no">
6 <meta name="renderer" content="webkit" />
7 <meta name="generator" content="Microsoft"/>
8 <meta name="revised" content="设计网, 6/24/2015"/>
9 <meta name="copyright" content="本页版权XXX所有。All Rights Reserved" />
原文地址:https://www.cnblogs.com/yaotome/p/7123961.html