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:用户是否可以手动缩放。
网友评论