HTML5 Boilerplate

2020-06-12 题目来源：http://www.h-camel.com/index.html [html] 你有使用过HTML5 Boilerplate吗？说说你对它的理解 为web前端的最佳实践的HTML+CSS+jquery模板集合，引用知乎的评价： 1. Viewport Metatag：让页面能够在各种设备上正确显示。 2. Chrome Frame：对于某些老浏览器，比如：IE6,7,8,不支持的新特性，H5BP可以让你的代码能够向下兼容（我会建议用户换浏览器，浏览器又不收费）。 3. Crossdomain.xml：用于支持跨域请求。Web Server Configuration Files：用于优化服务器。这是给系统管理员用的。严格来讲，这不属于前后端开发。 如果需要使用前端开发框架，首选Bootstrap或Foundation,如果你的APP还需要上述功能，则H5BP可以当插件用。 [css] 为什么说css的选择器一般不要超过三级？ 遇到这个问题，说实话，之前并没有使用超过3级的css选择器，也没有考虑过影响。 首先要明确的是，CSS的解析过程，在解析选择器的时候，是从右向左，从上到下及逆行解析的。 #molly div.haha span{color:#f00} 浏览器从右向左读取选择器，先找到span然后顺着往上找到class为haha的div

我有以下要素： <script type="text/javascript" src="https://cdn.example.com/js_file.js"></script> 在这种情况下，该站点是HTTPS，但该站点也可能只是HTTP。 （该JS文件位于另一个域上。）为了方便起见，我想知道以下操作是否有效： <script type="text/javascript" src="//cdn.example.com/js_file.js"></script> 我想知道删除 http: 或 https: 是否有效？ 在我测试过的所有地方似乎都可以使用它，但是在某些情况下它不起作用？ #1楼 遵循gnud的参考之后， RFC 3986第5.2节 说： 如果定义了方案组件，表明引用以方案名称开头，那么该引用将被解释为绝对URI，我们就完成了。 否则，参考URI的方案将从基本URI的scheme组件继承 。 所以 // 是正确的:-) #2楼 正如其他答案所言，这确实是正确的。 不过，您应该注意，某些网络搜寻器会通过在您的服务器上请求它们（就像本地URL）来触发404。 （他们无视双斜杠并将其视为单斜杠）。 您可能想在Web服务器上设置一条规则以捕获并重定向它们。 例如，使用Nginx，您可以添加以下内容： location ~* /(?<redirect_domain>((([a-z

我正在使用Firebug，并且有一些类似的语句： console.log("..."); 在我的页面中。 在IE8（可能也是早期版本）中，我收到脚本错误，提示“控制台”未定义。 我尝试将其放在页面顶部： <script type="text/javascript"> if (!console) console = {log: function() {}}; </script> 仍然我得到错误。 有什么办法摆脱错误？ #1楼 在IE9中，如果未打开控制台，则此代码： alert(typeof console); 将显示“对象”，但是此代码 alert(typeof console.log); 将抛出TypeError异常，但不返回未定义的值； 因此，保证版本的代码将类似于以下内容： try { if (window.console && window.console.log) { my_console_log = window.console.log; } } catch (e) { my_console_log = function() {}; } #2楼 if (typeof console == "undefined") { this.console = { log: function() {}, info: function() {}, error: function() {