HTML 中常用的 meta 元素整理

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"」

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,866评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,410评论 1 41
  • 作者:彭志明日期:2017年4月29日 本文主要针对常用的meta元素的http-equiv,content属性值...
    pz明阅读 1,274评论 0 0
  • 虽然之前我有整理过一次meta 标签,但是心中对于meta 标签还是一知半解,所以再次对meta 标签进行整理,并...
    微风玉米阅读 1,223评论 0 0
  • 小姨夫驾龄十余载,车技稳健,鲜有不良驾驶记录。多年来的驾车习惯,使他喜欢用“自动挡手刹”,并能灵活穿梭于长期生...
    crystalia阅读 251评论 0 0