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项。

  • 相关阅读:
    delphi vcl图像的二值化
    黑科技工具,推荐两款开源自动生成代码神器!
    推荐一款最强Python自动化神器!不用写一行代码!
    Java 展开或折叠PDF中的书签
    C# / VB.NET 获取PDF文档的数字签名信息
    滚蛋了
    MySQL 执行计划
    MySQL优化索引
    延时队列 DelayQueue
    【MongoDB】MongoDB 的存储过程
  • 原文地址:https://www.cnblogs.com/kongxianghai/p/4929337.html
Copyright © 2011-2022 走看看