HTML 中常用的 meta 元素整理
摘要
<meta>元素用来提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。该标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的名称/值对。
<dl>
<dt><h2><b>charset</b></h2>
<dd>此特性声明当前文档所使用的字符编码,但该声明可以被任何一个元素的 lang 特性的值覆盖
鼓励使用 UTF-8;
<meta charset="utf-8">
</dl>
<b>content</b>
基于内容,这个属性为 http-equiv 或 name 属性提供了与其相关的值的定义.
属性关联
属性 | 值 | 描述 |
---|---|---|
http-equiv | content-type,expires,refresh,set-cookie,default-style | 把 content 属性关联到 HTTP 头部。 |
name | author,description,keywords,generator,referrer | 把 content 属性关联到一个名称。 |
范例
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.mozilla.org/">
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<meta name="author" content="Yuchenliu">
Scheme
scheme
属性用于指定要用来翻译属性值的方案。此方案应该在由<head>
标签的profile
属性指定的概况文件中进行了定义。
疑难属性记录「将会在今后使用中陆续更新..」
referrer
用于告诉浏览器在访问互联网资源的时候,当前请求的资源服务器。
<meta name="referrer" content="no-referrer">
不显示referrer
viewport
用于定义其他设备显示的初始尺寸
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=10,minimum-scale=0.1">
宽度、高度等于设备默认高度,初始显示比例为1,最大比例10,最小比例0.1
兼容
用于定义渲染的兼容模式
<meta http-equiv="x-ua-compatible" content="ie=edge,chorme=1">
如果安装了GCF,则使用GCF来渲染页面「"chrome=1"」,如果没有安装GCF,则使用最高版本的IE内核进行渲染「"IE=edge"」