资讯专栏INFORMATION COLUMN

html 标签: meta, script, style

feng409 / 745人阅读

摘要:是语言区的一个辅助性标签。选项链接文件在新的窗口中打开链接文件将在当前窗口的父级窗口中打开链接文件在当前窗口帧中打开链接文件全屏显示新标签指定请求和响应遵循的缓存机制。请求时的缓存指令包括,响应消息中的指令包括。

meta

meta是html语言head区的一个辅助性标签。
作用有:SEO, 缓存, 窗口大小, 字符集等.

meta标签分两类,http-equivname

1. name keywords
description
robots


content具体参数如下:
信息参数为all:默认值, 文件将被检索,且页面上的链接可以被查询;
信息参数为none:文件将不被检索,且页面上的链接不可以被查询;
信息参数为index:文件将被检索;
信息参数为follow:页面上的链接可以被查询;
信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;
信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;
author
generator

代表说明网站的采用的什么软件制作

copyright
 
viewport

屏幕的缩放

width             viewport的宽度(数值/device-width)
height            viewport的高度(数值/device-height)
user-scalable     是否允许缩放,(yes/no)
initial-scale     初始化比例(范围从 > 0 到 10)
minimum-scale     允许缩放的最小比例
maximum-scale     允许缩放的最大比例
target-densitydpi 值有以下(一般推荐设置中等响度密度或者低像素密度,后者设置具体的值dpi_value,另外webkit内核已不准备再支持此属性)
   -- dpi_value   一般是70-400//没英寸像素点的个数
   -- device-dpi  设备默认像素密度
   -- high-dpi    高像素密度
   -- medium-dpi  中等像素密度
   -- low-dpi     低像素密度
 
format-detection

忽略手机号和邮箱

 
X-UA-Compatible

优先使用 IE 最新版本和 Chrome

    
screen-orientation

强制屏幕方向














apple-mobile-web-app-capable

开启对web app程序的支持, 即删除默认的苹果工具栏和菜单栏,开启全屏显示

apple-mobile-web-app-status-bar-style

改变顶部状态条的颜色, 默认值为 default(白色),可以定为 black(黑色)和 black-translucent(灰色半透明)

2. http-equiv expires(过期)
 
必须使用GMT格式
Pragma

禁止浏览器从本地计算机的缓存中访问页面内容。

Refresh

自动刷新, 停留time秒后指向新页面

Set-Cookie

如果网页过期,那么cookie也将被删除。

Window-target

强制页面在当前窗口以独立页面显示.
注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent.

_blank 链接文件在新的窗口中打开

_parent 链接文件将在当前窗口的父级窗口中打开

_self 链接文件在当前窗口(帧)中打开

_top 链接文件全屏显示

content-type
 
or
 H5新标签
content-language
Cache-Control

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

imagetoolbar
Content-Script-Type
Pics-label

网站评级, 具体查询RSAC

Page-Enter、Page-Exit

这个是页面被载入和调出时的一些特效

3. 其他标签

Base
你网页上的所有相对路径在链接时都将在前面加上Base

script标签

async
如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本

chartset

defer
IE Only. 规定是否对脚本执行进行延迟,直到页面加载为止. (适用于不影响页面加载的脚本)

参考文章
http://blog.csdn.net/kongjiea/article/details/17092413
http://www.jb51.net/web/158860.html
http://www.haorooms.com/post/html_meta_ds

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86331.html

相关文章

  • vue-meta让你更优雅的管理头部标签

    摘要:在应用中,如果想要修改的头部标签,或许,你会在代码里,直接这么做改下引入一段修改信息,或者给标签添加属性此处省略一大坨代码今天给大家介绍一种更优雅的方式,去管理头部标签介绍借用上的介绍,基于的插件,主要用于管理头部标签,同时也支持。 在 Vue SPA 应用中,如果想要修改HTML的头部标签,或许,你会在代码里,直接这么做: // 改下title document.title = wh...

    leone 评论0 收藏0
  • vue分析之template模板解析AST

    摘要:注意看注释很粗很简单,我就是一程序员姓名,年龄,请联系我吧是否保留注释定义分隔符,默认为对于转成,则需要先获取,对于这部分内容,做一个简单的分析,具体的请自行查看源码。其中的负责修改以及截取剩余模板字符串。 通过查看vue源码,可以知道Vue源码中使用了虚拟DOM(Virtual Dom),虚拟DOM构建经历 template编译成AST语法树 -> 再转换为render函数 最终返回...

    2bdenny 评论0 收藏0
  • Web最佳实践阅读总结(2)

    摘要:代码符合标准标准的页面会保证正确的渲染页面容易被搜索引擎搜索,提高搜索排名提高网站的易用性网页更好维护和扩展,属于插件停止使用不标准的标签和属性,简化代码标签没有实际意义,仅设置样式不推荐使用不推荐使用,让拥有更好的语义移除不常用的标签样式 代码符合标准 标准的页面会保证正确的渲染 页面容易被搜索引擎搜索,提高搜索排名(SEO) 提高网站的易用性 网页更好维护和扩展(Validato...

    chavesgu 评论0 收藏0
  • Web最佳实践阅读总结(2)

    摘要:代码符合标准标准的页面会保证正确的渲染页面容易被搜索引擎搜索,提高搜索排名提高网站的易用性网页更好维护和扩展,属于插件停止使用不标准的标签和属性,简化代码标签没有实际意义,仅设置样式不推荐使用不推荐使用,让拥有更好的语义移除不常用的标签样式 代码符合标准 标准的页面会保证正确的渲染 页面容易被搜索引擎搜索,提高搜索排名(SEO) 提高网站的易用性 网页更好维护和扩展(Validato...

    selfimpr 评论0 收藏0
  • Web最佳实践阅读总结(2)

    摘要:代码符合标准标准的页面会保证正确的渲染页面容易被搜索引擎搜索,提高搜索排名提高网站的易用性网页更好维护和扩展,属于插件停止使用不标准的标签和属性,简化代码标签没有实际意义,仅设置样式不推荐使用不推荐使用,让拥有更好的语义移除不常用的标签样式 代码符合标准 标准的页面会保证正确的渲染 页面容易被搜索引擎搜索,提高搜索排名(SEO) 提高网站的易用性 网页更好维护和扩展(Validato...

    RiverLi 评论0 收藏0

发表评论

0条评论

feng409

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<