欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

meta的使用记录

程序员文章站 2022-05-11 17:26:25
...

meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

meta标签位于文档的头部,不包含任何内容。meta标签的属性定义了与文档相关联的名称/值对。

 

必需的属性:content:定义与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属性值的格式。

 

 

http-equiv属性:为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的MIME文档头部包含名称/值对。

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

使用带有http-equiv属性的<meta>标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。当然,只有浏览器可以接收这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。

 

name属性:提供了名称/值对中的名称。例如经常使用到的名称“keywords”,为文档定义了一组关键字,某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

 

1. 用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式,以此来解决兼容性问题

<meta http-equiv="x-ua-compatible" content="IE=edge">

 

2.强制使用webkit内核的浏览器进行渲染

 

<meta name="render" content="webkit">

 

 3.禁止百度转码

 

<meta http-equiv = "cache-control" content="no-transform">
<meta http-equiv = "cache-control" content="no-siteapp">

 

 4.删除苹果默认的工具栏和菜单栏

 

<meta name="apple-mobile-web-app-capable" content="yes">

 

5.改变web app应用下状态条(屏幕顶部条)的颜色。默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。

<meta name="apple-mobile-web-app-status-bar-style" content="black">

 

 6.在发送到屏幕的时候默认的命名。

<meta name="apple-mobile-web-app-title" content="test">