网站地图    收藏   

主页 > 前端 > html教程 >

html meta用法示例介绍_HTML/Xhtml_网页制作

来源:自学PHP网    时间:2014-12-15 15:59 作者: 阅读:

[导读] html meta可以做很多事情,viewport就可以控制页面的是否可以缩放及初始大小,下面有个示例,大家可以参考下...

html meta可以做很多事情,viewport就可以控制页面的是否可以缩放及初始大小,下面有个示例,大家可以参考下
示例用法

复制代码
代码如下:

<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie6"><![endif]-->
<!--[if IE 7]><html class="ie7"><![endif]-->
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="w3c">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>tinyCss--my css study tidy</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta content="my css study tidy" name="description" />
<meta content="css,tidy" name="keywords" />
<meta content="index,follow" name="robots" />
<meta content="tinycss" name="application-name" />
<meta content="no-cache" http-equiv="Cache-Control" />
<meta content="-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"理论上是禁用缓存的。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论