Tag: html

Google Pagespeed中的“折叠内容”是什么？: 直到最近，我的网站（www.heatexchangers.ca）在Google Page Speed上的得分为98。有几件事情，我无能为力，如从Web字体查询string。我对此感到非常高兴，因为这代表了我所能做的一切。最近Google又添加了一些影响页面速度得分的东西，而我现在只在Page Speed上得到89％，并得到这个build议：消除以上折叠内容中的外部呈现阻止JavaScript和CSS。解决这个问题的build议似乎涉及到通过我所有的.css和.js文件，并分离它们的一些部分，并将它们内联添加到我的html中。这给我造成了一些困惑，因为我觉得我们必须尽可能多的将JS和CSS放在HTML之外。什么是“折叠之上”的内容？如果是几种样式如字体，背景色等; 那么我可以看到，包括内联可能不是太大的事情。我一直无法find这是什么的清单。

除了一边创build一个CSS3盒子阴影: 我有一个选项卡式的导航栏，我希望打开的选项卡有一个阴影，使其与其他选项卡分开。我也想整个标签部分有一个单一的阴影（见底部水平线）上升，除了打开的标签之外的所有标签底部的阴影。我打算使用CSS3的box-shadow属性来做到这一点，但我无法想出一个方法来遮挡我想要的部分。通常情况下，我会用内容区域（较高的z-index ）掩盖打开的标签的底部阴影，但是在这种情况下，内容区域本身有一个阴影，因此只会覆盖标签。标签布局 _______ _______ _______ | | | | | | ____ | _______ | __ | | __ | _______ | ______ 阴影线。阴影会从水平线向上，垂直线之外。 _______ | | _______________ | | _________________ 这是一个生动的例子：任何帮助，天才？

一个非常非常非常大的div: 对于我的项目（请参阅BigPicture.bi或bigpicture.js GitHub项目），我必须处理一个非常非常非常大的<div>容器。我知道用我使用的简单方法存在性能不佳的风险，但是我没有想到，它大部分只出现在Chrome浏览器中。如果你testing这个小页面（见下面的代码），平移（单击+拖动）将是：在Firefox上正常/平滑即使在Internet Explorer上也正常/平滑在Chrome上非常慢（几乎崩溃）！当然，我可以添加一些代码（在我的项目中），当你放大的时候，可能会隐藏很大的文字。但是，为什么Firefox和Internet Explorer正确处理它，而不是Chrome？有没有在JavaScript，HTML或CSS的方式告诉浏览器不要尝试渲染整个页面（这是10000像素宽这里）的每一个行动？（只呈现当前的视口！） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> html, body { overflow: hidden; min-height: 100%; } #container { position: absolute; min-height: 100%; min-width: 100%; } .text { font-family: "Arial"; position: absolute; } </style> </head> <body> <div id="container"> <div class="text" […]

HTML提交button：不同的值/button文本？: 我想创build一个HTML表单提交button的值 'add tag' ，但是，网页是瑞典语，所以我想有一个不同的button文本。也就是说，我想要一个button 但我想要我的代码 if (request.getParameter(cmd).equals("add tag")) tags.addTag( /*…*/ ); 这可能吗？如果是这样，怎么样？

如何在不包装的情况下在引导列之间添加余量: 我的布局目前看起来像这样在中间的列中，我想在每个Server Div之间添加一个小的余量。但是，如果我给CSS添加一个边距，它最终会绕行，看起来像这样 <div class="row info-panel"> <div class="col-md-4 server-action-menu" id="server_1"> <div> Server 1 </div> </div> <div class="col-md-4 server-action-menu" id="server_2"> <div> Server 2 </div> </div> <div class="col-md-4 server-action-menu" id="server_3"> <div> Server 3 </div> </div> <div class="col-md-4 server-action-menu" id="server_4"> <div> Server 4 </div> </div> <div class="col-md-4 server-action-menu" id="server_5"> <div> Server 5 </div> </div> <div class="col-md-4 server-action-menu" […]

Chrome的开发人员工具使用HTML正文说cz-shortcut-listen =“true”？: 我正在testing一些HTML代码，在Google Chrome 22.0.1229.94 m版本上使用开发工具时，我看到<body>标签的属性为cz-shortcut-listen="true" （这当然是不在我的代码）。这是什么意思，为什么显示出来？（我试图在谷歌查找，但没有发现任何相关的）

如何使用jQuery获取<span>的值？: 这是基本的。如何获得上述跨度的“这是我的名字”的价值？ <div id='item1'> <span>This is my name</span> </div>

如何在HTML表格上执行实时search和过滤: 我一直在谷歌search和search堆栈溢出了一段时间，但我无法绕过这个问题。我有一个标准的HTML表格，包含水果。像这样： <table> <tr> <td>Apple</td> <td>Green</td> </tr> <tr> <td>Grapes</td> <td>Green</td> </tr> <tr> <td>Orange</td> <td>Orange</td> </tr> </table> 在这上面我有一个文本框，我想以表格formssearch用户types。所以，如果他们inputGre例如，桌子的橙色行将消失，留下苹果和葡萄。如果他们继续并inputGreen Gr ，苹果行就会消失，只剩下葡萄。我希望这是明确的。而且，如果用户从文本框中删除部分或全部查询，则应该重新显示现在与查询匹配的所有行。虽然我知道如何删除jQuery中的表格行，但我不知道如何根据此select性地执行search和删除行。有一个简单的解决scheme呢？还是一个插件？如果任何人都能把我指向正确的方向，那将是辉煌的。谢谢。

HTML中的软连字符（<wbr> vs＆shy;）: 你如何解决你的网页上的软连字符问题？在文本中可能会有很长的单词，您可能想用连字符换行。但是你不希望连字符显示整个单词是否在同一行上。根据这个网页的评论<wbr>是一个非标准的“网景发明的标签汤”。这似乎很 在遵守标准方面也存在问题。似乎没有办法得到所有浏览器的工作解决scheme 。哪个是你处理软连字符的方法，你为什么select它？有一个首选的解决scheme或最佳做法？在这里查看相关的SO讨论。