html页面基础框架搭建
2020-02-14 本文已影响0人
MC桥默
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<link rel="shortcut icon" href="imgs/commonImgs/favicon.png" type="image/x-icon"/>
<link rel="shortcut" href="favicon.ico"/>
<meta content="always" name="referrer">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="apple-mobile-web-app-status-bar-style" content="black"/><!-- 设置苹果工具栏颜色:默认值为 default，可以定为 black和 black-translucent-->
<meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="HandheldFriendly" content="true"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="MobileOptimized" content="320"><!-- 微软的老式浏览器 -->
<meta charset="UTF-8">
<!--防止移动端字体过小-->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<!--使用rem单位，设置桌面大小变换的自适应，自适应的js代码详见前面个人简书-->
<script src="js/jquery.min.js"></script>
<script src="js/windowSize.js"></script>
<!--引入共用的css样式-->
<link rel="stylesheet" href="css/common.css">
<!--animate动画-->
<link href="css/animate.min.css" rel="stylesheet">
<!--本页样式-->
<link rel="stylesheet" href="css/index.css">
<title>金融街行政公寓</title>
</head>
<body id="body" style="font-size: .16rem/*visibility: hidden*/"><!--body设置为不可见，当css加载完成后，整个body可见，这样防止出现字体突变的现象-->
<!--在这里写主要内容-->
的萨菲
</body>
</html>
