zoukankan      html  css  js  c++  java
  • html的<meta>标签的作用

    <meta>标签包含了页面文档的上下文信息。

    主要包含的上下文信息:

    1.配置了服务器向浏览器响应时,http协议的head信息,浏览器根据head执行相应操作。

    2.对页面的描述信息,便于搜索引擎分类查找。

    在 HTML 中,<meta> 标签没有结束标签。
    在 XHTML 中,<meta> 标签必须被正确地关闭。

    标签必选的属性是content。

    标签可选的属性是name,http-equiv。

    1.http响应head

    适用http-equiv和content属性进行描述。

    例如:

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Refresh" content="5;url=http://www.XXXXX.com" />

    使用http-equiv描述的内容会被服务器放入到对浏览器的响应的head中。

    浏览器再根据响应head中的内容对文档执行具体的操作。

    列如上面的两个http-equiv设置后,会在响应head中包含以下内容。

    content-type: text/html
    charset:gb2312
    refresh:5;url=http://www.XXXXX.com

    含义就是文档是html页面,编码字符集采用gb2312浏览器用这个字符集去解码显示页面,5秒后跳转到另一个url页面。

    http-equiv项的设定有很多,具体参考http协议或者用搜索引擎搜。

    2.页面的描述信息

    基本上搜索引擎都会看meta标签对网页进行分类检索。

    适用name和content属性进行描述。

    列如:

    <!--用以说明生成工具-->
    <meta name="generator" content="cnblogs">
    <!--用于搜索的网页关键字-->
    <meta name="keywords" content="html,meta">
    <!--告诉搜索引擎页面的主要内容描述-->
    <meta name="description" content="html的meta标签的作用">
    <!--告诉搜索引擎页面的作者信息-->
    <meta name="author" content="白色的海">

    其中最重要的莫过于keywords和description了。

    还有可以设置revised,robots(告诉搜索机器人,页面检索的行为),others项。

  • 相关阅读:
    【HDU4261】Estimation-DP+优先队列优化
    【POJ3744】Scout YYF I-概率DP+矩阵加速优化
    【POJ3744】Scout YYF I-概率DP+矩阵加速优化
    【HDU2294】Pendant-DP矩阵优化
    【HDU2294】Pendant-DP矩阵优化
    【BZOJ1269】文本编辑器editor(AHOI2006)-NOI原题升级版
    【BZOJ1269】文本编辑器editor(AHOI2006)-NOI原题升级版
    【NOI2003T2】文本编辑器Editor-伸展树数列操作
    zk create() 方法
    FLUSH TABLES WITH READ LOCK 锁全局
  • 原文地址:https://www.cnblogs.com/kongxianghai/p/4929337.html
Copyright © 2011-2022 走看看