Question

我正致力于使用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进行自适应页面设计吗？

Answer 1

似乎没问题但是：

响应式网页设计与HTML5无关。
您不应将最大比例和用户可扩展（您输入错误）设置为false，因为用户应该能够根据需要进行缩放和放大。
删除xmlns内容，不需要。
不要在元素中使用内联样式，这不是好习惯。

Answer 2

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

http://getbootstrap.com/

响应式HTML5网页：什么是最佳做法？

2 个答案: