HTML5頁面開發的基礎性模板

來源:互聯網
上載者:User

標籤:des   android   style   blog   http   color   io   os   使用   

分享一個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使用目前最新的布局引擎:&nbsp;更多資訊閱讀這裡: 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頁面開發的基礎性模板

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.