HTML 中常用的 meta 元素整理
2017-03-12 本文已影响0人
_刘小c
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"」
