标题 | html meta用法示例介绍 |
内容 | htmlmeta可以做很多事情,viewport就可以控制页面的是否可以缩放及初始大小,下面有个示例,大家可以参考下。 示例用法 代码如下: <!DOCTYPEhtml> <!--[ifltIE7]><htmlclass="ie6"><![endif]--> <!--[ifIE7]><htmlclass="ie7"><![endif]--> <!--[ifIE8]><htmlclass="ie8"><![endif]--> <!--[ifIE9]><htmlclass="ie9"><![endif]--> <!--[if(gtIE9)|!(IE)]><!--> <htmlclass="w3c"> <!--<![endif]--> <head> <metacharset="utf-8"/> <title>tinyCss--mycssstudytidy</title> <metacontent="IE=edge,chrome=1"http-equiv="X-UA-Compatible"/> <metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport"/> <metacontent="mycssstudytidy"name="description"/> <metacontent="css,tidy"name="keywords"/> <metacontent="index,follow"name="robots"/> <metacontent="tinycss"name="application-name"/> <metacontent="no-cache"http-equiv="Cache-Control"/> <metacontent="-1"http-equiv="Expires"/> </head> <body></body> </html> [code] 提示一: viewport,当你的页面有宽度时,比如宽度为1000px,设定width=1000,兼容性会更好些。 提示二: X-UA-Compatible,此属性仅为ie8浏览器识别,让ie8用ie7的模式渲染是一种常见的应用;这样:content="IE=7";不用这个meta会是比较好的建议,因为毕竟ie8...。 提示三: Expires:文档过期时间,过了这个时间就需要从服务器从新请求,而不可以用缓存;content="-1"理论上是禁用缓存的。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。