美文网首页
html页面基础框架搭建

html页面基础框架搭建

作者: MC桥默 | 来源:发表于2020-02-14 15:15 被阅读0次
    <!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>
    

    相关文章

      网友评论

          本文标题:html页面基础框架搭建

          本文链接:https://www.haomeiwen.com/subject/tjadfhtx.html