1

我正在使用 HTML5 创建响应式网页。在 HTML5 Head 标签中,我有标题、元和链接标签,是否有任何推荐的最佳实践来对这些标签进行排序以获得最佳结果?我的页面的当前结构如下所述。

<!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 进行响应式页面设计?

4

2 回答 2

1

看起来还可以,但是:

  1. 响应式网页设计与 HTML5 没有任何关系。
  2. 您不应将 maximum-scale 或 user-scaleable (您输入有误)设置为 false,因为用户应该能够根据需要/需要进行缩放和放大。
  3. 删除 xmlns 的东西,它不是必需的。
  4. 不要在元素中使用内联样式,这不是一个好习惯。
于 2013-08-05T09:01:25.430 回答
1

这个库对于设计响应式模板非常有用

http://getbootstrap.com/

于 2013-08-05T09:05:57.103 回答