H5特性头部
公司做h5项目的头部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="telephone=no" name="format-detection">
<title>网</title>
<meta data-vue-meta-info="true" name="keyWords"
content="关键字">
<meta data-vue-meta-info="true" name="description"
content="描述">
</head>
语句的解释:
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">
<!--width 正整数 或?device-width 定义视口的宽度,单位为像素-->
<!--height 正整数 或?device-height 定义视口的高度,单位为像素,一般不用-->
<!--initial-scale [0.0-10.0] 定义初始缩放值-->
<!--minimum-scale [0.0-10.0]定义缩小最小比例,它必须小于或等于maximum-scale设置-->
<!--maximum-scale [0.0-10.0]定义放大最大比例,它必须大于或等于minimum-scale设置-->
<!--user-scalable yes/no 定义是否允许用户手动缩放页面,默认值yes-->
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<!--Cache-Control 来控制页面的缓存与否,这里介绍几个常用的参数:
no-cache,浏览器和缓存服务器都不应该缓存页面信息
public,浏览器和缓存服务器都可以缓存页面信息;
no-store,请求和响应的信息都不应该被存储在对方的磁盘系统中;
must-revalidate,对于客户机的每次请求,代理服务器必须想服务器验证缓存是否过时
-->
<meta name="Generator" contect="">
<!--用以说明生成工具-->
<meta name="KEYWords" contect="">
<!--向搜索引擎说明你的网页的关键词-->
<meta name="DEscription" contect="">
<!--告诉搜索引擎你的站点的主要内容-->
<meta name="Author" contect="你的姓名">
<!--告诉搜索引擎你的站点的制作的作者-->
<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
<!--设定为all:文件将被检索,且页面上的链接可以被查询
设定为none:文件将不被检索,且页面上的链接不可以被查询
设定为index:文件将被检索
设定为follow:页面上的链接可以被查询
设定为noindex:文件将不被检索,但页面上的链接可以被查询
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
-->
<meta http-equiv="Content-Type" contect="text/html";charset="utf-8">
<meta http-equiv="Content-Language" contect="zh-CN">
<!--用以说明主页制作所使用的文字以及语言-->
<meta http-equiv="Refresh" contect="n;url=http://yourlink">
<!--定时让网页在指定的时间n内,跳转到页面http://yourlink-->
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
<!--可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式-->
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
<!--cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式-->
<meta http-equiv="Pics-label" contect="">
<!--网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的-->
<meta http-equiv="windows-Target" contect="_top">
<!--强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用-->
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
<!--设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。-->
<!-- 设置Safari全屏,在iOS7+无效 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 改变Safari状态栏样式,可选default/black/black-translucent,需在上述全屏模式下才有效 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 添加页面启动占位图 -->
<link rel="apple-touch-startup-image" href="pig.jpg" media="(device-width: 375px)">
<!-- 保存网站到桌面时添加图标 -->
<link rel="apple-touch-icon" sizes="76x76" href="pig.jpg">
<!-- 保存网站到桌面时添加图标且清除默认光泽 -->
<link rel="apple-touch-icon-precomposed" href="pig.jpg">
参考:
https://blog.csdn/fxg1997/article/details/109890528
更多推荐
H5特性头部
发布评论