HTML文件基础模板

指间行走

已于 2023-11-15 10:16:42 修改

阅读量223

点赞数

分类专栏： HTML 文章标签： html 前端

于 2023-11-15 10:00:28 首次发布

本文链接：https://blog.csdn.net/ant_dreams/article/details/134413434

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="zh">

    <head>
      <meta charset="utf-8">  

      <meta http-equiv="X-UA-Compatible" content="IE=edge">

      <link rel="apple-touch-icon" sizes="76x76" href="/favicon.ico">

      <link rel="icon" href="/favicon.ico">

      <meta name="viewport" content="width=device-width,initial-scale=1.0">

      <title>页面名称</title>

      <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no' name='viewport'/>

      <meta content="yes" name="apple-mobile-web-app-capable">

      <meta content="black" name="apple-mobile-web-app-status-bar-style">

      <meta content="telephone=no" name="format-detection">

      <meta content="email=no" name="format-detection">

      <meta name="keywords" content="关键字"/>

      <meta name="description" content="描述"/>

      <style>

        html,body {

          width: 100%;

          height: 100%;

          margin: 0;

          padding: 0;

        }
      </style>

    </head>

    <body>

      <section class="content"></section>

      <script type="text/javascript">

         window.onload = function () {}

      </script>

    </body>

</html>

1、<meta charset="utf-8">

定义文档的字符编码

2、<meta content="yes" name="apple-mobile-web-app-capable" />

删除默认的苹果工具栏和菜单栏；

content 默认值 no，即显示；content = "yes"，web应用以全屏模式运行。

3、<meta name=”apple-mobile-web-app-status-bar-style” content=black” />

默认值default（白色），可以设置为black（黑色）和black-translucent（灰色半透明）。

注意：若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

4、<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，实际上破坏了“锁定”模式。

5、<meta name="viewport" content="width=device-width, initial-scale=1.0" />

content属性值 :