首页 > 代码库 > HTML5页面开发的基础性模板
HTML5页面开发的基础性模板
分享一个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="http://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://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="http://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="http://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://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页面开发的基础性模板
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。