HTML < meta > 标签
定义与用法
< meta >标签是HTML标记head区的一个关键标签,提供文档字符集,使用语言、作者等的基本信息,以及对关键词和网页等级的设定,最大的作用是能够做搜索引擎优化。
< meta >元素可提供有关页面的元信息(meta—information),比如针对搜索引擎和更新频度的描述和关键词。
< meta >标签位于文档的头部,不包含任何的内容。
< meta >标签在html中没有结束标签,属于单标签。
提示与注释
注释:< meta >标签永远位于head元素的内部。
注释:元数据总是以名称/值的形式被成对传递。
包含的属性
content
定义与http-equiv或name属性相关的元信息。
content属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content属性始终要和http-equiv属性或name属性一起使用。
http-equiv
http-equiv相当于http的文件头作用,它可以向浏览器传递一些有用的信息,以帮助浏览器正确地显示网页内容。http-equiv属性为名称/值对提供了名称。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然很多服务器会发送许多这种名称/值对,但是所有的服务器搜至少要发送一个:context-type:text/html。这将告诉浏览器准备接受一个HTML文档。
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type:text/html
charset:iso-8859-1
expires:31 Dec 2008
只有当浏览器能够接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
http-equiv的值:
content-type:设定页面使用的字符集
<meta http-equiv="content-type" content="text/
html;charset=utf-8">
X-UA-Compatiable:IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式,以此来解决部分的兼容问题。
<meta http-equiv="X-UA-Compatiable" content="IE=Edge">
/这句代码告诉IE浏览器,IE8/9及以后的版本都会以最高的版本IE来
渲染本页。
expires:设定网页的过期时间。
refresh:自动刷新并指向新的页面。
<meta http-equiv="refresh" content="2;URL=https://
www.baidu.com">/2表示停留2秒后跳转到后面的页面。
set-cookie: 如果网页过期,自动删除本地网页。
windows-target: 强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用。
<meta http-equiv="Window-target" content="_top">
cache-control:缓存机制
<meta http-equiv="cache-control" content="no-cache">
name
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
name的值
author:标注网页的作者
<meta name="author" content="李白">
keywords:页面关键词,用于被搜索引擎收录。
<meta name="keywords" content="手机,手表,电脑”>
description:页面描述,用于搜索引擎收录。
<meta name="description" content="新闻中心,包含有社会新
闻,娱乐新闻、国际新闻、实时新闻、新闻图片“>
renderer:指定双核浏览器默认以何种方式渲染页面。
<meta name="renderer" content="webkit">/默认是webkit内核
copyright:网站版权信息。
viewport:用于控制页面缩放。
<meta name="viewport" content="width=device-width,
initial-scale=1,
maximum-scale=1, minimum-scale=1, user-scalable=no">
generator:说明网站的采用的什么软件制作。
<meta name="generator" content="Microsoft"/>
revised:网页文档的修改时间
<meta name="revised" content="设计网, 6/24/2015"/>
robots: 用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
<meta name="robots" content="none"/>
全局属性
标签支持HTML中的全局属性。