我注意到在很多模板引擎中,在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>
元素将始终具有此类.有人可以解释为什么经常这样做吗?
我已经阅读了有关Twitter Bootstrap和HTML5样板的Stack上回答的各种问题.
我知道以下内容:
但我还不知道的是:
在所有AngularJS示例中,Angular库都放在文档的HEAD标记中.我有一个基于HTML5 Boilerplate布局的现有项目.这定义了JS库应该放在</BODY>
标记之前的DOM的最底部.
AngularJS需要放在HEAD中吗?
我想建议是否使用HTML 5 Boilerplate或Twitter Bootstrap来处理可能使用JQuery UI控件的Web应用程序.
我是否可以用JQuery UI等效替换Bootstrap控件?
提前致谢
斯蒂芬
我正在构建一个自适应/响应式网站.
关于最近对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=1
和JS修复为视口比例错误).
总而言之,在横向模式下,这会缩放页面:
<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网站时,您可以看到此缩放效果.
我的问题:
@robertc:谢谢!这非常有帮助.
其实我喜欢不具有initial-scale=1
; 我的同事习惯于看到布局变化而不是缩放.我敢肯定,我将被迫增加initial-scale=1
只是为了取悦所有人(因为没有放大,看到布局的变化,是他们已经习惯了看到的).
我刚刚注意到github上的HTML5BP index.html和网站正在使用<meta name="viewport" content="width=device-width">
; 对我来说,这是放弃的理由initial-scale=1
,但当我试图向"非极客" 解释这些事情时,我会引起一阵兴奋.:d
不,我不是要求你教我黑客,我只是对这个文件及其内容感到好奇.
当我潜入新的HTML5 Boilerplate时,我遇到了human.txt.我用Google搜索,我来到这个网站http://humanstxt.org/.
我立刻注意到了这张照片:
我读得对吗?Hackers.txt
?
所以我在google中恢复了我的旅程,并停止了这篇文章
当我开始阅读本文时,我感觉它是关于黑客和克拉克斯之间的区别.后来我觉得我可能错了,这个地方是这个hackers.txt文件是黑客的一种留言簿?
还有关于我在这里找到的hackers.txt文件的其他示例
有些文件包含代码,有些文件只包含有害信息.
现在我真的很困惑,留言,黑客教程或只是历史?
这个hackers.txt文件有什么用?
在我的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.css
及styles.css
,bootstrap.css
包括它们之间).但Boilerplate和Bootstrap之间没有这种冲突吗?
所以我有点迷茫.在这种情况下,做事的正确方法是什么?
如何期望在plugins.js中包含额外的js文件?期望我们只是复制并粘贴每个插件的内容吗?或者是否有一些方法可以使用我应该使用的js包含?
具体来说,我想在这个函数中看到一个例子:
// remap jQuery to $
(function($){
})(this.jQuery);
Run Code Online (Sandbox Code Playgroud) 我已经读过,最好将所有JavaScript文件保存在网页的底部.HTML5 Boilerplate模板似乎同意:http://html5boilerplate.com/
并且似乎被广泛使用.
我的问题是:首先,这是否有任何实际依据?我已经在Firebug中进行了测试,它似乎有一些小的影响,但它是否微不足道?在CSS文件和脚本文件加载之前,图像和其他来源似乎没有开始加载,但是将它们粘在底部似乎没有太大的区别.
我正在考虑将这两种技术结合起来用于新项目.
这是个坏主意吗?是否有任何推荐的替代网格系统可用于html5样板?
html5boilerplate ×10
html5 ×4
javascript ×3
css ×2
html ×2
angularjs ×1
jquery ×1
jquery-ui ×1
modernizr ×1
robots.txt ×1
viewport ×1