Html5Boilerplate还是Html5Boilerplate手机版--第一个网站？

Question

既然Html5Boilerplate已经达到了2.0版本，并且面向移动优先的设计，那么Html5Boilerplate Mobile还应该用于移动优先的网站吗？我只是想问一下b/f，我仔细研究了每一个的代码。

其中一个明显的不同之处在于，Html5Boilerplate已经从CSS reset切换到normalize，并增加了移动优先的方面，如respond.js和移动媒体查询部分。标准样板在Github上看起来也更活跃。有人对这两个有什么看法吗？

Answer 1

不，Html5Boilerplate移动版不应用于新项目；它已被弃用。

2015年7月对项目GitHub repo的弃用通知was added (截至2016年8月，这是最近的提交)：

H5BP团队决定不再维护移动样板，因为HTML5样板似乎是任何类型项目的良好起点。

Answer 2

主要从our mailing list thread on the subject窃取这个答案...

如果你刚开始浏览网站，

HTML5Boilerplate是你应该使用的。它经过了优化，可以在移动浏览器上运行和适应。

移动HTML5样板针对web应用程序进行了优化，这些web应用程序明确编写为在桌面以外的设备上具有不同的用户体验。

• 这意味着他们可能想要模仿或接近本机应用程序的UI。
• 他们可能大量使用基于触摸的UI范例和其他在桌面浏览器上不可能实现的交互。
• 他们明确地使用媒体查询和其他方法来检测非桌面浏览器，并提供不同的体验。

当我说web应用时，我指的是那些被密集使用来完成某些任务的网站(比如wordpress.com的twitter.com / gmail.com / facebook.com /管理界面)。这些站点需要利用可用的空间，并帮助用户在任何设备上都能以最小的努力完成他们的任务。

另一方面，我们确实有一些用户偶尔会访问的网站，因为他们在朋友的电子邮件或reddit上找到了它，这些网站有内容，但用户很少与之互动(除了只是访问它或最多留下评论)，在这种情况下，html5样板将是一个很好的模板。对于大多数内容丰富且只需要最少用户交互的网站来说，这将是一个很好的选择。

对我们来说，不幸的是，移动平台也在通过指定自定义元标签来为其平台优化而创建竖井。例如，苹果推荐使用apple-touch-icon元标签来指定特定于webkit移动浏览器的内容。诺基亚也有自己的产品。我们不希望html5boilerplate在默认设置上添加这样的缺点，但这对于编写一个利用非桌面设备的应用程序的人来说是必要的。已经有了很多一致性，但我们希望移动优化有更多的标准化。

我们也计划用更新的文件更新移动版本，但现在使用它并没有什么大的缺点。我们还没有一个可以只有一个项目的交汇点，但我们希望在未来它会合并成一个项目:)

Answer 3

这取决于方法。如果您的移动和桌面网站有相同的标记，请使用HTML5 BP。但是，如果你正在为移动设备制作单独的网站，那么请使用移动锅炉板