Maison  >  Article  >  interface Web  >  html meta用法示例介绍

html meta用法示例介绍

高洛峰
高洛峰original
2017-02-23 13:25:321210parcourir

示例用法 

<!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"理论上是禁用缓存的。


更多html meta用法示例介绍相关文章请关注PHP中文网!


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn