美文网首页
HTML中常用的meta元素

HTML中常用的meta元素

作者: arrivel | 来源:发表于2017-04-29 20:47 被阅读0次

    什么是meta标签

    meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的<head>标记之间,它提供用户不可见的信息。meta标签通常用来表明作者身份, 设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置cookies等。
    mrta标签基本分两大部分:http标题信息( http-equiv)和页面描述信息(name)。

    http标题信息(http-equiv相关)

    http-equiv类似于http的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有:
    1.Content-Type和Content-Language (显示字符集的设定)
    作用:设定页面使用的字符集,用以说明页面制作所使用的文字以及语言,浏览器会据此来采用相应的字符类型显示page内容。
    例如:<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8">;<meta http-equiv="Content-Language" Content="zh-Hans>
    2.Expires (期限)
    作用:指定网页在缓存中的截止时间,一旦网页超过该时间,必须到服务器上重新加载。
    用法:<meta http-equiv="Expires" Content="日期">
    例如:<meta http-equiv="Expires" Content="Sat, 29 Apr 2017 22:00:00 GMT">
    注意:必须使用GMT的时间格式。
    3.Set-Cookie (cookie设定)
    作用:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。
    用法:<meta http-equiv="Set-Cookie" Content="cookie value=xxx; path=/">
    4.Refresh (刷新)
    作用:设定让网页多长时间(单位为秒)刷新一次,或在多长时间后让网页自动链接到其它网页。
    用法:<meta http-equiv="Refresh" Content="60">;<meta http-equiv="Refresh" Content="5; Url=http://www.baidu.com">
    注意:其中的5是指在当前页面停留5秒钟后自动刷新到目标URL网址。
    5.Window-target (设定显示窗口)
    作用:强制设定页面在当前窗口以独立页面显示。
    用法:<meta http-equiv="Window-target" Content="_top">
    注意:这个属性是用来防止别人在框架里调用你的页面。Content选项包括:_blank、_top、_self、_parent。
    6.IE7(8) (页面生成器)
    作用:声明页面生成器generator是ie7(8)
    用法:<meta http-equiv="IE7(8)" Content="Generator">
    注意:用什么工具做的,类似商品生产厂商。

    页面标题信息(name)

    1.Keywords (关键字)
    作用:为搜索引擎提供的网页关键字列表,通常用处是指定搜索引擎用来提高搜索质量的关键词。
    用法:<meta name="Keywords" Content="关键词1,关键词2,关键词3,…">
    注意:各关键词间用英文逗号“,”隔开。
    例如:<meta name="Keywords" Lang="EN" Content="vacation,green,sunshine">
    2.Author (作者)
    作用:标注网页的作者或制作组
    用法:<meta name="Author" Content="李某,xxx@yyy.com">
    3.Copyright (版权)
    作用:标注版权所属
    用法:<meta name="Copyright" Content="本页版权归xxx所有。All Rights Reserved">
    4.Generator (编辑器)
    作用:声明使用的编辑器
    用法:<meta name="Generator" Content="使用的编辑器">

    其他的标签

    Link(链接)
    作用:链接到文件
    例如:<link rel="stylesheet"href="style.css" >

    相关文章

      网友评论

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

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