美文网首页
HTML5 meta标签 — name与http-equiv

HTML5 meta标签 — name与http-equiv

作者: tazbingor | 来源:发表于2017-03-10 19:30 被阅读0次

什么是meta?

元数据信息。
<meta> 标签通常位于 <head> 区域内,为网页提供用户不可见的信息。

Name属性

常用的选项有keywords(关键字) ,description(网站内容描述),author(作者),subject (网站主题简介)等等。

<meta name="参数" content="具体的参数值">

<big>注意:</big> name属性是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类.

<!--keywords关键字 -->
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
<meta name="keywords" content="tazbingor,tazbingo,taz`dingo,Daz'dingo">

<!--description 网站内容描述 -->
<!--在*某些*情况下,此描述用作搜索结果中显示的代码段的一部分。--> 
<meta  name ="description"  content="A description of the pag" >

<!-- author 作者 --> 
<meta name="author"  content ="tazbingor" >

<!-- subject 网站主题简介-->
<meta name="subject"  content ="your website's subject">

http-equiv属性

http-equiv,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

<meta http-equiv="参数" content="参数变量值">

http-equiv可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。

Expires(期限)

可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

<meta http-equiv="expires" content="31 Dec 2017">

Pragma(cache模式)

禁止浏览器从本地计算机的缓存中访问页面内容。
注意:网页不保存在缓存中,每次访问都刷新页面。

<meta http-equiv="Pragma" content="No-cach" />

Refresh(刷新)

自动刷新

<meta http-equiv="Refresh" content="7">

自动刷新并指向新页面

<meta http-equiv="Refresh" content="2;URL=http://www.baidu.com">

Set-Cookie(cookie设定)

如果网页过期,其存储的cookie将被删除.

<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=31 Dec 2017; path=/">

浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都 刷新你的计数器,就要禁用缓存了。

Window-target(显示窗口的设定)

强制页面在当前窗口以独立页面显示。

<meta http-equiv="Widow-target" content="_top" >

Content-Type(显示字符集的设定)

设定页面使用的字符集

<Meta http-eruiv="Centent-Type" Content="zh-CN">
<Meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">

Content-Script-Type( 脚本相关)

指明页面中脚本的类型。

<meta http-equiv="content-script-type" content="text/javascript" />

Content-Language(显示语言的设定)

浏览器根据此来调用相应的语言显示page内容

<http-equiv="Content-Language"content="zh-cn"/>

--END--

相关文章

  • web前端入门到实战:Html头部meta标签

    meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属...

  • 我从HTML的meta中学到了什么

    meta meta中有这样几个常用属性:http-equiv,name,content,包括html5新增的cha...

  • 标签用法1

    http-equiv META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。...

  • meta标签

    meta标签分类 meta标签根据属性的不同,可分为两大部分:http-equiv 和 name 属性。http-...

  • HTML标签详解

    meta标签有以下属性: http-equiv(可选) name(可选) scheme(可选) content(必...

  • HTML5 meta标签 — name与http-equiv

    什么是meta? 元数据信息。 标签通常位于 区域内,为网页提供用户不可见的信息。 Name属性 常用的选项...

  • 前端各种概念整理(混乱)

    meta标签 设定一些网页信息. 属性与值分别以name, content的形式成对出现. http-equiv ...

  • html易忘点整理

    meta标签 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数...

  • HTML 杂记

    常见标签 一般可以在head中的标签 meta属性: name : http-equiv: 注释 文本标签 常见自...

  • 认识Meta标签

    1. meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性 1. nam...

网友评论

      本文标题:HTML5 meta标签 — name与http-equiv

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