问题标签 [html5boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
193 浏览

internet-explorer - 我可以将哪些 HTML5 标签与 html5boilerplate 一起使用?

我想知道我们可以使用像<aside>Html5Boilerplate 这样的标签。如果是,它将与浏览器兼容吗?以及我们可以使用哪些其他标签而不必担心旧浏览器特别是 IE7 和 IE8

0 投票
2 回答
1696 浏览

html5boilerplate - HTML5 Boilerplate Build script - 子文件夹中的 HTML 和 CSS/JS 问题的相关链接

我的项目使用 HTML5Boilerplate 并包含带有 HTML 文件的子目录,这些文件在主根文件夹中引用 /js 和 css/。

示例:/article/xxx/index.html /article/yyy/index.html

这些 .html 文件具有相对路径 href/src 到根文件夹中的 css/js 文件。

我试图让构建脚本识别子目录中的这些文件,并将路径替换为连接/缩小的 JS 和 CSS 文件,我尝试将其添加到 project.properties 上的 file.pages 属性

但是没有骰子,CSS/JS 路径会被替换,就好像文件位于根文件夹中一样,如下所示:

这显然不起作用。如果有人知道对此的解决方法/修改,或者这可能只是不可行,将非常感激?

提前感谢任何帮助:D

0 投票
1 回答
1258 浏览

html5boilerplate - 如何将 facebook 和 google plus 共享代码添加到 HTML5Boilerplate?

HTML5Boilerplate 有一些条件代码用于输出打开的 < HTML > 标签。我正在努力在我的网站上添加 xfbml 和 google plus 共享代码,但不确定将所需代码添加到 < HTML > 标记的位置。

在 Paul Irish 的 github 上,我看到这个评论线程说 facebook 只需要 IE 浏览器的 open < html > 标记中的代码: https ://github.com/paulirish/html5-boilerplate/pull/395 ,所以我可以添加到 html5boilerplate 中的条件 IE 语句。

但是我不确定 google plus 代码。在此页面http://www.google.com/webmasters/+1/button/index.html它告诉我们将其添加到 < HTML > 标记中:

我可以使用一些关于如何在默认情况下包含 <html> 标记的指导,以便我可以将信息附加到它以供社交共享工具使用。

谢谢,斯泰西

0 投票
1 回答
288 浏览

html5boilerplate - 人们如何看待带有 Normalizer.css 的新 HTML5Boilerplate

各位设计师/开发人员您好!

所以我刚刚更新了我的 HTML5 模板,我一直在尝试整合所有最新的提示和技巧,但最终决定将 HTML5Boilerplate 与 Grid960 结合起来。

HTML5Boilerplate 的一大变化是使用了 Normalizer.css - 这对我来说有点奇怪,因为我习惯于看到经典的重置在网络上浮动。

有人用过新的样板吗?

你怎么看呢?

你觉得 Normalizer.css 怎么样!?

我有点喜欢它的简单性,到目前为止我在使用它时没有任何问题。我的基本模型似乎在我笔记本电脑上加载的所有浏览器中都能正常工作。

无论如何,我真的很想得到一些反馈,只是为了了解其他人正在做什么以及他们是否喜欢它。

我想考虑到 HTML5Boilerplate 如此流行 Normalizer.css 将成为我们大多数人的下一个“经典 HTML5 重置”。

期待一些回复!

理查德

0 投票
1 回答
2104 浏览

jquery - jQuery Supersized 加载器始终可见

我正在尝试使用 HTML5 样板和 jQuery Supersized 脚本。

在开发中一切正常,但是,在使用 HTML5 样板构建脚本后,#supersized-loader 始终在屏幕上可见,它不会消失。

使用构建脚本,我的 js 文件被连接起来,但是,我已经从连接中删除了所有超大脚本,我仍然面临同样的问题。

可以在这里找到一个活生生的例子 - http://zetamedia.co.uk/supersized如果有人可以阐明可能发生的事情。

谢谢。

0 投票
1 回答
317 浏览

javascript - 为什么 html5 样板在构建 jQuery 代码时使用 Twipsy 和 Prototype?

所以我刚刚用html5样板写完一个页面,一切都在开发代码中找到(我刚刚写完的原始代码)。谷歌浏览器和火狐浏览器都喜欢它并且显示得很好。

所以我使用 ant 脚本(ant build 或 ant text 跳过 jpeg/png 优化)并浏览到 /publish/ 来查看它。我得到了一个 javascript 错误:

但事实是我从未使用过 Twipsy 或原型,只是使用 jQuery ......所以我运行了一个 javascript 调试控制台,并在生成的 javascript 文件中看到了对 Twipsy 和 Prototype 的引用。但我从不在我的代码中使用任何这些。那么怎么了?我能做什么?

0 投票
0 回答
478 浏览

build-script - HTML5 样板和多个文件和脚本

在我的项目中,我有多个 html 文件已添加到 project.properties 中,如下所示:

问题是这些文件中的每一个都需要加载一些应用程序独有的脚本。例如:

在我使用它之前它工作得很好ant build

看来 HTML5 Boilerplate 的构建脚本在弄清楚这里发生了什么方面存在问题,它只创建一个包含常见内容的连接文件,而将其余部分排除在外(例如app.login.jsapp.admin.js复制到publish/文件夹中,但未链接到缩小的 HTML 文件(仅链接到一个脚本,这是连接的一个)。

有什么办法可以让这个工作吗?

0 投票
1 回答
1181 浏览

jquery - HTML5 样板中的 IE7/8 意外对象错误

我在一个项目中使用 HTML5 Boilerplate。不幸的是,我在 IE 7/8 中遇到了这些 SCRIPT438 错误,这会阻止我的 jQuery 运行。开发站点在这里http://clintongreen.com/clients/researchreview/index.html

如果可以的话请帮忙,这真的很烦我,谢谢

0 投票
1 回答
3055 浏览

ruby-on-rails - 对于 Rails 应用程序,HTML5 Boilerplate 的价值是什么?

有几个应用程序模板(和一个 Rails gem)将 HTML5 Boilerplate 添加到 Rails 应用程序。因此,我调查并整理了一份针对 Rails 的 HTML5 Boilerplate的分析。似乎 HTML5 Boilerplate 并没有添加太多新的 Rails 应用程序中没有的东西。有什么用处:

样本 human.txt 文件

默认应用程序布局的示例 index.html 文件

视口元标记

谷歌分析片段

有一些 CSS 帮助,例如 CSS 规范化、占位符 CSS 媒体查询和 CSS 辅助类,但您似乎可以通过 Skeleton、Twitter Bootstrap 或 Zurb Foundation 等 CSS 工具包获得所有这些帮助。

最后,HTML5 Boilerplate 为需要支持 IE6、7 和 8 的网站提供了许多组件,例如 IE 条件注释、Modernizr 和 Chrome Frame。但如果我不支持 IE6 并且我正在使用 Twitter Bootstrap 或 Zurb Foundation,我认为我不需要这些。

HTML5 Boilerplate 是一个很好的项目,有很多社区输入。它的网站上有很多很好的建议。但是对于 Rails 项目呢?

我错过了什么吗?对于 Rails 应用程序,HTML5 Boilerplate 的价值是什么?

0 投票
2 回答
526 浏览

html - HTML5 样板,兼容 X-UA 和 Windows Phone 7

从 Windows Phone 7(或 7.5)查看时,我的大多数使用 H5BP 的新网站都有问题。问题是网站源代码中的这个 HTML 标记

它实际上应该支持不同的移动设备,防止移动设备的用户(在我们的例子中是 Windows Phone 7 或更高版本的用户)放大文本(和网站本身)。

使用此标签,移动浏览器将根据移动视口(即移动屏幕的宽度和高度)调整站点的大小。但是,问题是,当用户尝试使用放大手势放大文本时,缩放不起作用。它试图放大,但很快又回到了初始宽度。

有没有其他人注意到这个问题,如果有,解决方案是什么?