标签: html5boilerplate

HTML"no-js"类的目的是什么?

我注意到在很多模板引擎中,在HTML5 Boilerplate中,在各种框架和普通的php站点中都有no-js类添加到<HTML>标签上.

为什么这样做?是否存在某种对此类做出反应的默认浏览器行为?为什么总是包括它?如果没有no-"no-js"情况并且html可以直接解决,那么这不会使类本身过时吗?

以下是HTML5 Boilerplate index.html中的示例:

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)

如您所见,<html>元素将始终具有此类.有人可以解释为什么经常这样做吗?

html javascript modernizr html5boilerplate

501
推荐指数
6
解决办法
22万
查看次数

HTML5 Boilerplate和Twitter Bootstrap

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

我知道以下内容:

  • Bootstrap和H5BP不相同,用于不同目的
  • 我知道Bootstrap用于什么,我每天都使用它 - 它是一个前端框架,CSS和JS即可使用.只需将正确的类应用于您的选择器/元素,Bootstrap将为您完成所有工作.他们在他们的网站上有大量的支持文档,您可以在框架中看到他们提供的内容以及如何实现它...
  • 您可以使用initializr组合两者的权力
  • H5BP是一个模板...嗯,这就是它...

我还不知道的是:

  • H5BP用的是什么?访问他们的网站时,他们只给你源文件,就是这样(哦,是的,和一个视频).使用它有什么好处,为什么你想和Bootstrap一起使用呢?

html5boilerplate twitter-bootstrap

90
推荐指数
1
解决办法
3万
查看次数

HEAD与BODY中的AngularJS

在所有AngularJS示例中,Angular库都放在文档的HEAD标记中.我有一个基于HTML5 Boilerplate布局的现有项目.这定义了JS库应该放在</BODY>标记之前的DOM的最底部.

AngularJS需要放在HEAD中吗?

html5boilerplate angularjs

72
推荐指数
2
解决办法
3万
查看次数

使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap

我想建议是否使用HTML 5 Boilerplate或Twitter Bootstrap来处理可能使用JQuery UI控件的Web应用程序.

我是否可以用JQuery UI等效替换Bootstrap控件?

提前致谢

斯蒂芬

jquery-ui html5boilerplate twitter-bootstrap

57
推荐指数
4
解决办法
5万
查看次数

HTML5 Boilerplate:Meta视口和宽度=设备宽度

我正在构建一个自适应/响应式网站.

关于最近对HTML5BP的更改:

" 移动/ iOS css修订版 "

我开始使用:

<meta name="viewport" content="width=device-width">
Run Code Online (Sandbox Code Playgroud)

...我在我的CSS中有这个:

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Run Code Online (Sandbox Code Playgroud)

initial-scale=1被包括在内,从垂直旋转到水平(在iPad/iPhone)引起的布局从2列(例如)更改为3列(由于美达查询,initial-scale=1JS修复为视口比例错误).

总而言之,在横向模式下,这会缩放页面:

<meta name="viewport" content="width=device-width">
Run Code Online (Sandbox Code Playgroud)

......而这不是:

<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

注意:在iPad/iPhone上查看HTML5BP网站时,您可以看到此缩放效果.

我的问题:

  1. 这是否成为新标准(即在横向模式下变焦)?
  2. 我有点时间向同事和老板解释这个变化......他们习惯于在水平模式下看到不同的布局; 现在页面缩放,布局保持不变(除了它更大).关于如何向无知群众解释这一点的任何提示(其中,我可能包括在内)?

@robertc:谢谢!这非常有帮助.

其实我喜欢具有initial-scale=1; 我的同事习惯于看到布局变化而不是缩放.我敢肯定,我将被迫增加initial-scale=1只是为了取悦所有人(因为没有放大,看到布局的变化,是他们已经习惯了看到的).

我刚刚注意到github上的HTML5BP index.html网站正在使用<meta name="viewport" content="width=device-width">; 对我来说,这是放弃的理由initial-scale=1,但当我试图向"非极客" 解释这些事情时,我会引起一阵兴奋.:d

html5 viewport html5boilerplate

41
推荐指数
3
解决办法
10万
查看次数

hackers.txt文件有什么用?

第一

不,我不是要求你教我黑客,我只是对这个文件及其内容感到好奇.

我的旅程

当我潜入新的HTML5 Boilerplate时,我遇到了human.txt.我用Google搜索,我来到这个网站http://humanstxt.org/.

我立刻注意到了这张照片:

它在哪里

我读得对吗?Hackers.txt

所以我在google中恢复了我的旅程,并停止了这篇文章

当我开始阅读本文时,我感觉它是关于黑客和克拉克斯之间的区别.后来我觉得我可能错了,这个地方是这个hackers.txt文件是黑客的一种留言簿?

还有关于我在这里找到的hackers.txt文件的其他示例

有些文件包含代码,有些文件只包含有害信息.

现在我真的很困惑,留言,黑客教程或只是历史?

这个hackers.txt文件有什么用?

robots.txt html5boilerplate

41
推荐指数
3
解决办法
9397
查看次数

如何正确地将HTML5 Boilerplate与Twitter Bootstrap集成?

在我的Play 2.0项目中,我已经集成了Bootstrap(因为较少的文件,Play可以在飞行中编译它们)但现在我找到了Boilerplate,我认为使用它也是一个不错的主意.

经过一番谷歌搜索后,我发现了这个:http: //www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

因此,看起来集成应该是可能的,甚至有两个项目试图这样做.唯一的问题是他们做了完全不同的事情,我不确定哪一个是正确的.

https://gist.github.com/1422879处于当前状态似乎只是忽略styles.css来自Boilerplate的文件.它被重命名为h5bp.css,但我没有看到h5bp.css包含在任何地方.

https://github.com/elgreg/html5-boilerstrap,另一方面利用他们两个,只是分裂styles.css的文件分为两个部分(h5bp_normalize.cssstyles.css,bootstrap.css包括它们之间).但Boilerplate和Bootstrap之间没有这种冲突吗?

所以我有点迷茫.在这种情况下,做事的正确方法是什么?

css html5 playframework html5boilerplate twitter-bootstrap

34
推荐指数
1
解决办法
2万
查看次数

HTML5 Boilerplate plugins.js

如何期望在plugins.js中包含额外的js文件?期望我们只是复制并粘贴每个插件的内容吗?或者是否有一些方法可以使用我应该使用的js包含?

具体来说,我想在这个函数中看到一个例子:

// remap jQuery to $
(function($){

})(this.jQuery);
Run Code Online (Sandbox Code Playgroud)

javascript html5boilerplate

32
推荐指数
1
解决办法
2万
查看次数

页面底部的JavaScript?

我已经读过,最好将所有JavaScript文件保存在网页的底部.HTML5 Boilerplate模板似乎同意:http://html5boilerplate.com/

并且似乎被广泛使用.

我的问题是:首先,这是否有任何实际依据?我已经在Firebug中进行了测试,它似乎有一些小的影响,但它是否微不足道?在CSS文件和脚本文件加载之前,图像和其他来源似乎没有开始加载,但是将它们粘在底部似乎没有太大的区别.

html javascript jquery html5 html5boilerplate

21
推荐指数
2
解决办法
1万
查看次数

带有蓝图css的HTML5 Boilerplate

我正在考虑将这两种技术结合起来用于新项目.

这是个坏主意吗?是否有任何推荐的替代网格系统可用于html5样板?

css html5 blueprint-css html5boilerplate

16
推荐指数
2
解决办法
1万
查看次数