響應式HTML5網頁：什麼是最佳做法？

我正在使用HTML5創建響應式網頁。在HTML5 Head標籤中，我有標題，meta和鏈接標籤，有沒有推薦的最佳實踐來對這些標籤進行排序以獲得最佳結果？我的頁面的當前結構如下所述。響應式HTML5網頁：什麼是最佳做法？

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-saleable=false;"/> 
<meta name="HandheldFriendly" content="True"> 
<meta name="apple-mobile-web-app-capable" content="yes"/> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"/> 
<title>Demo</title> 
<link rel="stylesheet" href="/style.css" type="text/css"/> 
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 
</head> 
<body style="margin: 0px;"> 
Content 
</body> 
</html>

能否請你建議，如果有我需要遵循，利用HTML5爲自適應網頁設計的最好的方式任何最佳做法？

來源

2013-08-05 Pawan Mude

似乎不喜歡這個問題屬於這裏，但我認爲你寫的方式是好的。但也許：'user-salable = false'應該改變，我認爲用戶應該能夠出售你的頁面 – x4rf41

這似乎不錯，但：

自適應網頁設計並沒有任何關係做HTML5。
如果用戶需要或需要縮放，則不應將最大比例尺或用戶可縮放比例（其中存在拼寫錯誤）設置爲false。
刪除xmlns的東西，這是不需要的。
不要在元素中使用內聯樣式，這不是很好的做法。

來源

2013-08-05 09:01:25

這個庫是非常有用的設計模板響應

http://getbootstrap.com/

來源

2013-08-05 09:05:57

響應式HTML5網頁：什麼是最佳做法？

回答

相關問題