美文网首页
meta头部标签

meta头部标签

作者: 糖心m | 来源:发表于2017-06-30 23:59 被阅读9次

  Meta 之http-equiv  http-equiv 属性 (含义)

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

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

一、http-equiv属性

1.refresh:定义文档自动刷新的时间间隔。          实例:

2.content-type:规定文档的字符编码。          实例:

    3.content-language:显示语言的设定          实例:

    二、name    name 属性来定义一个 HTML 文档的描述、关键词、作者

1.description:规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。          实例:

2.keywords:规定一个逗号分隔的关键词列表 - 相关的网页(告诉搜索引擎页面是与什么相关的)。          提示:总是规定关键词(对于搜索引擎进行页面分类是必要的)          实例:

三、 Viewport

1.什么是 Viewport?   viewport 是用户网页的可视区域。      viewport 翻译为中文可以叫做"视区"。      手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样  就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放  来看网页的不同部分。

2.一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:

1>  width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如    device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

2>  height:和 width 相对应,指定高度。

3>  initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。

4>  maximum-scale:允许用户缩放到的最大比例。

5>  minimum-scale:允许用户缩放到的最小比例。

6>  user-scalable:用户是否可以手动缩放。

相关文章

网友评论

      本文标题:meta头部标签

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