|
王洪林个人官网免责声明
本网站内容仅代表作者本人的观点,不代表本网站的观点和看法,与本网站立场无关,相关责任作者自负。本网站有部分内容来自互联网,如无意中侵犯了哪个媒体 、公司 、企业或个人等的知识产权,请来电或致函告之,本网站将在规定时间内给予删除等相关处理,若有涉及版权费等问题,请及时提供相关证明等材料并与我们联系,通过友好协商公平公正原则处理纠纷。
分享一个HTML5页面开发的基础性模板,包含了两个版本: 开发版本 注释版本
开发版本
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta charset="utf-8">
- <title></title>
- <meta name="description" content="">
- <meta name="author" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="">
- <!--[if lt IE 9]>
- <script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- <link rel="shortcut icon" href="">
- </head>
- <body>
-
- <!-- 这里添加页面主要内容 -->
-
- <!-- SCRIPTS:个人建议在天朝不要使用Google的CDN了,是不是你就发现你的网站功能失效了 -->
- <!-- Example: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
- </body>
- </html>
复制代码 注释版本
- <!DOCTYPE html>
- <!--
- 设置lang值来保证<html>标签的互操作性及其可访问性
- 更多HTML标签全局性属性
- 请阅读这里: http://www.w3.org/TR/html-markup/global-attributes.html -->
- <html>
-
- <head>
-
- <!--
- 告诉IE使用目前最新的布局引擎:
- 更多信息阅读这里: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible -->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
- <!--
- 针对web性能定义字符集,首选通过HTTP header来设置
- 确保HTTP header和Meta标签设置一致
- 更多信息阅读这里: https://developers.google.com/speed/docs/best-practices/rendering#SpecifyCharsetEarly -->
- <meta charset="utf-8">
-
- <!-- 指定页面标题 -->
- <title></title>
-
- <!-- 指定web页面描述 -->
- <meta name="description" content="">
-
- <!-- 指定web页面作者 -->
- <meta name="author" content="">
-
- <!-- 提示移动浏览器使用设备宽度和缩放比 -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <!-- 在页面加载前来加载CSS
- 保证相关样式的及时加载
- 指定对应的URI属性 -->
- <link rel="stylesheet" href="">
-
- <!--
- 加载htmlshiv和respond.js来兼容老版本的IE浏览器
- 方便使用HTML5中的新元素和media queries -->
- <!--[if lt IE 9]>
- <script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
-
- <!-- 指定favicon的URI -->
- <link rel="shortcut icon" href="">
-
- <!-- 下面注释掉的是ios/android书签图标-->
- <!--
- <meta name="mobile-web-app-capable" content="yes">
- <link rel="icon" sizes="196x196" href="">
- <link rel="apple-touch-icon" sizes="152x152" href="">
- -->
-
- <!--
- 如果可能使用async属性来非阻断的加载脚本
- 例子: <script src="" async></script> -->
- </head>
- <body>
-
- <!-- 这里添加页面主要内容 -->
-
- <!-- 如果可能使用async属性来非阻断的加载脚本 -->
- <!-- SCRIPTS -->
- <!-- 例子: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
- </body>
- </html>
复制代码 |
王洪林个人官网免责声明
本站所有音视频内容均来至互联网分享,本网站只提供web页面服务,不提供影片资源存储,录制、上传相关音视频等,音视频版权归属其合法持有人所有;本站不对此类内容负任何责任,如有侵犯版权请及时与我们联系并出示版权证明,我们将在24小时内删除;另外,影视观看中请勿相信音视频中的任何广告内容,谨防上当受骗,由此带来的任何问题和损失与本站无关,特此声明。
|