HTML5 Boilerplate和Twitter引导程序


93

我已经阅读了Stack上有关Twitter Bootstrap和HTML5样板的各种问题。

我确实知道以下几点:

  • Bootstrap和H5BP不等效,可用于不同目的
  • 我知道Bootstrap的用途,我每天都在使用它-它是一个前端框架,即用型CSS和JS。只需将正确的类应用于选择器/元素,Bootstrap会为您做所有事情。他们在其网站上提供了广泛的支持文档,您可以在其中查看他们在框架内必须提供的内容以及如何实现该框架。
  • 您可以使用initializr结合两者的力量
  • H5BP是一个模板。。。

但是我还不知道的是:

  • H5BP的用途是什么?当访问他们的网站时,他们只给您源文件,就是这样(哦,是的,还有一个视频)。使用它有什么好处?例如,为什么要与Bootstrap一起使用?

1
根据答案,H5BP对于从良好的normalize.css基础入手,以及卫生元素的同上操作很有用,如果您不希望BS等人随身携带行李,那将非常有用。
Simpleton,2013年

Answers:


70

您完全正确,它是模板。它是一个模板,其中汇集了用于开发HTML5网站的一组最佳实践。您不必使用它,但是如果您这样做,则可以放心,您的基础是多年来由顶级开发人员开发和磨练的坚实基础。用Paul Irish的话说,该项目的主要开发人员之一:

“从本质上讲,它是html和css的一个很好的入门模板,并且可以使用文件夹结构。但是从前端开发专业人员那里获得了多年的最佳实践。”

我建议下载完整注释的样板版本并通读代码,以使自己对其中所涉及的思想及其处理的案例有所了解。(另请参见本文,其中突出显示了您应该在网站上使用的样板代码段)。这些应该可以帮助您决定是否要将其用作项目的起点。

HTML5bp initializr甚至还包括一个引导选项,因此它不能真正有任何容易!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.