首页 / HTML5 / html5网站开发专用基础模板
html5网站开发专用基础模板
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html5网站开发专用基础模板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2651字，纯文字阅读大概需要4分钟。
内容图文
分享一个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>
内容总结
以上是互联网集市为您收集整理的html5网站开发专用基础模板全部内容，希望文章能够帮你解决html5网站开发专用基础模板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】