美文网首页饥人谷技术博客
HTML 中常用的 meta 元素整理

HTML 中常用的 meta 元素整理

作者: _刘小c | 来源:发表于2017-03-12 08:44 被阅读0次

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

    相关文章

      网友评论

        本文标题:HTML 中常用的 meta 元素整理

        本文链接:https://www.haomeiwen.com/subject/dultnttx.html