分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本和注释版本。可以被用于基础的服务器端编程框架框架之中^_^
开发版本
XML/HTML Code
复制内容到剪贴板
<!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/
<
span
style="
width
: auto; height: auto; float: none;"
id
=
"11_nwp"
>
<
a
style
=
"text-decoration: none;"
mpid
=
"11"
target
=
"_blank"
href
=
"http://imgbuyun.weixiu-service.com/up79/202309/clhc0wrzm3v class="attribute">id
=
"11_nwl"
>
<
span
style
=
"color:#0000ff;font-size:14px;width:auto;height:auto;float:none;"
>
html5
</
span
>
</
a
>
</
span
>
shiv/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
>
注释版本
XML/HTML Code
复制内容到剪贴板
<!DOCTYPE <span style="width: auto; height: auto; float: none;" id="0_nwp"><a style="text-decoration: none;" mpid="0" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/qzv5aee5bdz class="attribute">id="0_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">html</span></a></span>>
<!--
设置lang值来保证
<
html
>
<
span
style
=
"width: auto; height: auto; float: none;"
id
=
"1_nwp"
>
<
a
style
=
"text-decoration: none;"
mpid
=
"1"
target
=
"_blank"
href
=
"http://imgbuyun.weixiu-service.com/up79/202309/rp3acvcmplu class="attribute">id
=
"1_nwl"
>
<
span
style
=
"color:#0000ff;font-size:14px;width:auto;height:auto;float:none;"
>
标签
</
span
>
</
a
>
</
span
>
的互操作性及其可访问性
更多HTML标签全局性属性
请阅读这里: http://www.w3.org/TR/html-markup/global-attributes.html --
>
<
html
>
<
<
span
style
=
"width: auto; height: auto; float: none;"
id
=
"2_nwp"
>
<
a
style
=
"text-decoration: none;"
mpid
=
"2"
target
=
"_blank"
href
=
"http://imgbuyun.weixiu-service.com/up79/202309/ojfvqq0urmy class="attribute">id
=
"2_nwl"
>
<
span
style
=
"color:#0000ff;font-size:14px;width:auto;height:auto;float:none;"
>
head
</
span
>
</
a
>
</
span
>
>
<!--
告诉IE使用目前最新的布局引擎：
更多信息阅读这里: http://imgbuyun.weixiu-service.com/up79/202309/i43hwu1shlo class="tag">>
<
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
=
""
>
<!-- 提示移动浏览器使用设备<span style="width: auto; height: auto; float: none;" id="3_nwp"><a style="text-decoration: none;" mpid="3" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/fjwtbs2pqqn <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 在页面加载前来加载CSS 保证相关样式的及时加载 指定对应的URI属性 --> <link rel="stylesheet" href=""> <!-- 加载<span style="width: auto; height: auto; float: none;" id="4_nwp"><a style="text-decoration: none;" mpid="4" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/qzv5aee5bdz class="attribute">id="4_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">html</span></a></span>shiv和respond.js来兼容老版本的IE浏览器 方便使用HTML5中的新元素和media queries --> <!--[if lt IE 9]> <script <span style="width: auto; height: auto; float: none;" id="5_nwp"><a style="text-decoration: none;" mpid="5" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/antvwihkqkv class="attribute">id="5_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">src</span></a></span>="//cdn.jsdelivr.net/<span style="width: auto; height: auto; float: none;" id="6_nwp"><a style="text-decoration: none;" mpid="6" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/clhc0wrzm3v class="attribute">id="6_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">html5</span></a></span>shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdnjs.cloudflare.com/<span style="width: auto; height: auto; float: none;" id="7_nwp"><a style="text-decoration: none;" mpid="7" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/no1wvtdsjmv class="attribute">id="7_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">ajax</span></a></span>/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 <span style="width: auto; height: auto; float: none;" id="8_nwp"><a style="text-decoration: none;" mpid="8" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/antvwihkqkv class="attribute">id="8_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">src</span></a></span>="" async></script> --> </<span style="width: auto; height: auto; float: none;" id="9_nwp"><a style="text-decoration: none;" mpid="9" target="_blank" href="http://imgbuyun.weixiu-service.com/up79/202309/ojfvqq0urmy class="attribute">id="9_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">head</span></a></span>> <body> <!-- 这里添加页面主要内容 --> <!-- 如果可能使用async属性来非阻断的加载脚本 --> <!-- SCRIPTS --> <!-- 例子: <script src="http://<span style="width: auto; height: auto; float: none;" id="10_nwp"><a style="text-decoration: none;" mpid="10" target="_blank" href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=0&is_app=0&jk=ab4a7d1f97e0f21c&k=ajax&k0=ajax&kdi0=0&luki=8&n=10&p=baidu&q=06011078_cpr&rb=0&rs=1&seller_id=1&sid=1cf2e0971f7d4aab&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1922429&u=http://www.admin10000.com/document/4756.html&urlid=0" id="10_nwl"><span style="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">ajax</span></a></span>.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> --> </body> </html>
