zoukankan      html  css  js  c++  java
  • HTML <meta> 标签 和 http-equiv

    前言

    经常在写HTML,但是对于meta 的设置却一直疏于关注。

    <meta> 是什么

    <meta> 是一个HTML的标签(辅助性标签)。

    它的位置位于文档的头部  <head>标签之中。

    <meta> 可以做什么?

    看上去是否设置meta 对html 页面的内容的显示没什么影响。

    但是,正确的设置meta 可以实现的效果有:

    1. 控制页面缓冲

    2. 自动刷新并指向新的页面

    3. SEO 搜索引擎优化

    4.定义页面使用的语言

    5. 实现网页转换时的动态效果

    6. 网页定级评价

    meta的属性

    meta 是一个标签,这个标签可以设置的属性及对应的值有

    属性描述 
    content some_text 定义与 http-equiv 或 name 属性相关的元信息
    属性描述 
    http-equiv
    • content-type
    • expires
    • refresh
    • set-cookie
    把 content 属性关联到 HTTP 头部。  
    name
    • author
    • description
    • keywords
    • generator
    • revised
    • others
    把 content 属性关联到一个名称。  
    scheme some_text 定义用于翻译 content 属性值的格式。

    name 属性

    "keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类

    1. <meta name="keywords" content="HTML,ASP,PHP,SQL"
    <meta name="keywords" content="HTML,ASP,PHP,SQL">

    content 属性 content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。 content 属性始终要和 name 属性或 http-equiv 属性一起使用。

    http-equiv 属性

    当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

    使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

    使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

    <meta http-equiv="charset" content="iso-8859-1">
    <meta http-equiv="expires" content="31 Dec 2008">
    

    这样发送到浏览器的头部就应该包含:

    content-type: text/html
    charset:iso-8859-1
    expires:31 Dec 2008
    
     

    scheme 属性 scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

    一些meta 的用法

    1. <meta name="Description"content="信息参数"/> 代表说明网站的主要内容,概况是什么

    2. <meta name="generator"content="信息参数"/>

    代表说明网站的采用的什么软件制作

    3. <meta name="author"content="信息参数">

    代表说明网页版权作者信息

    4. <meta name="COPYRIGHT" content="信息参数">

    meta标签的COPYRIGHT的信息参数,代表说明网站版权信息。

    <meta name="Robots"contect="信息参数">

    Robots代表告诉搜索引擎机器人抓取哪些页面

    4.  <meta http-equiv="Refresh"Content="时间;Url=网址参数">

    meta标签的Refresh代表多少时间网页自动刷新,加上Url中的网址参数就代表,多长时间自动链接其他网址。

    5. <meta http-equiv="Content-Type"content="text/html;charset=信息参数"/>

    charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

    6.<meta http-equiv="imagetoolbar"content="false"/>

    指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

    7.<meta http-equiv="Content-Script-Type" content="text/javascript"> W3C网页规范,指明页面中脚本的类型。

    8.<meta http-equiv="pragma" content="no-cache">

    代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定,访问者将无法脱机浏览。

    9.<meta name="revisit-after" content="7days">

    revisit-after代表网站重访,7days代表7天,依此类推

    注:转载于--http://blog.csdn.net/oscar999/article/details/17409883

  • 相关阅读:
    String.PadLeft()
    数据生成树 新增
    SQL允许你用EXECUTE执行一个变量中定义的SQL语句,并且允许你在被执行的SQL语句中,再次嵌套入一个变量定义的语句,并且再次在其中用EXECUTE执行它
    获取SqlConnection的统计信息
    页面缓存 OutputCache
    将小写金额转换成大写
    判断是否枚举中的匹配项
    js获取系统时间的几种方法<一> 《网摘学习》
    将指定文件夹(路径)下的所有内容copy到目标文件夹(路径)下的方法
    50个优美的句子<摘自网上>
  • 原文地址:https://www.cnblogs.com/wangfuyou/p/4235707.html
Copyright © 2011-2022 走看看