Tag: html

注释可以在DOCTYPE声明之前出现吗？: 我想在我的HTML代码的顶部放置一个注释（ <!– this –> style），在DOCTYPE声明之前。这是否符合标准？它受到主stream浏览器的支持吗？这样做有什么缺陷吗？

什么是数据URI支持像在主要的电子邮件客户端软件？: 数据URI是将图像和其他二进制数据embedded到HTML中的一种标准方式，并且浏览器支持在networking上被很好地logging。（IE8是第一个支持数据URI的IE版本，每个URI最大32KB;其他主stream浏览器甚至支持它。）我的问题是关于桌面电子邮件和webmail客户端软件。在构buildHTML电子邮件时，标准做法是将图像作为附件包含在内，或者将其加载到外部（即跟踪图像）。这两个都有缺点（一些客户列出所有这些附加的文件，而许多正确的阻止或要求用户的行为，看到外部图像）。因此，Data URI看起来是一个好的方法，但只有在电子邮件阅读器支持的情况下。那么，有没有人有链接到最近的研究支持这个function？还是调查了这个呢？例如，下面是CSS支持的概述。我感兴趣的客户端软件包括：桌面（包括版本信息）：Outlook，Apple Mail，Thunderbird，Evolution，Lotus Notes，AOL，Eudora Webmail： Gmail，Live / Hotmail，Yahoo! 邮件，美国在线手机： Android，iPhone

将数据从HTML表单发送到Flask中的Python脚本: 我的Python脚本中有下面的代码： def cmd_wui(argv, path_to_tx): """Run a web UI.""" from flask import Flask, flash, jsonify, render_template, request import webbrowser app = Flask(__name__) @app.route('/tx/index/') def index(): """Load start page where you select your project folder or load history projects from local DB.""" from txclib import get_version txc_version = get_version() prj = project.Project(path_to_tx) # Let's create a resource […]

回到浏览器后退button，清除表格中的所有字段: 当用户使用浏览器后退button时，我需要一种方法来清除表单中的所有字段。现在，浏览器会记住所有最后的值，并在返回时显示它们。关于为什么我需要这个更多的说明我有一个禁用的input字段，其值是自动生成的使用algorithm，使其在一个特定的数据组中是唯一的。提交表单后，数据input到数据库后，用户不能再次使用相同的值来提交相同的表单。因此，我已经禁用了input字段。但是，如果用户使用浏览器后退button，浏览器会记住最后一个值，并在input字段中保留相同的值。因此，用户可以再次提交具有相同值的表单。我不明白的是当你按下浏览器后退button时会发生什么。如果页面大小在浏览器caching限制范围内，整个页面似乎从caching中检索，而不曾联系服务器。当您按下浏览器后退button时，如何确保无论浏览器设置如何从服务器加载页面？

是否有一个jquery事件，当一个新节点插入到DOM时触发？: 是否有一个事件jquery当dom元素被插入到dom中时触发？例如，可以说我通过ajax加载一些内容，并将其添加到DOM，并在其他一些JavaScript的我可以添加一个事件使用.live（），以便当一个事件匹配一个特定的select器添加到DOM事件触发说元素。与$（document）.ready（）类似，但是对于dynamic添加到DOM的内容。我在做什么： $('.myClass').live('ready', function() { alert('.myClass added to dom'); }); 如果jQuery不支持这样的事情，那么是否有另一种方式，我可以实现这个function，而无需修改实际上做的初始dom操作的代码？

两个内联块单元，每个50％宽，不能并排放在一行中: <!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle： http : //jsfiddle.net/5EcPK/ 上面的代码试图将#left div和#right div并排放在一行中。但是，正如你在上面的JSFiddle URL中看到的，事实并非如此。我能够解决这个问题，将其中一个div的宽度降低到49％。请参阅http://jsfiddle.net/mUKSC/ 。但是这不是一个理想的解决scheme，因为两个div之间出现了一个小的差距。我能解决这个问题的另一个方法是通过浮动这两个divs。请参阅http://jsfiddle.net/VptQm/ […]

CSS background-image-opacity？: 相关的如何使用CSS给文本或图像一个透明的背景？，但稍有不同。我想知道是否有可能改变背景图像的alpha值，而不仅仅是颜色。显然，我可以保存图像不同的alpha值，但我希望能够dynamic调整阿尔法。到目前为止，我所得到的最好的是： <div style="position: relative;"> <div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(…); opacity: 0.5;"></div> <div style="position: relative; z-index: 1;"> <!– Rest of content here –> </div> </div> 它可以工作，但是它笨重和丑陋，并且在更复杂的布局中混淆了事物。

图像缩放会导致Firefox / Internet Explorer中的质量不佳，但不是Chrome浏览器: 请在Chrome浏览器中查看http://jsfiddle.net/aJ333/1/ ，然后在Firefox或Internet Explorer中查看。该图像最初是120px，而我缩小到28px，但不pipe怎样缩小到它看起来都差不多。图像是一个PNG，它有一个alpha通道（透明度）。以下是相关的代码： HTML： <a href="http://tinypic.com?ref=2z5jbtg" target="_blank"> <img src="http://i44.tinypic.com/2z5jbtg.png" border="0" alt="Image and video hosting by TinyPic"> </a> CSS： a { width: 28px; height: 28px; display: block; } img { max-width: 100%; max-height: 100%; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: bicubic; } CSS的image-rendering和-ms-interpolation-mode行似乎没有任何作用，但我发现它们在线，同时对这个问题做了一些研究。

一个CSSselect器来获取最后一个可见的div: 一个棘手的CSSselect器问题，不知道是否可能。可以说这是HTML布局： <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 我想select显示的最后一个div （即不display:none ），这将是给定示例中的第三个div 。请注意，真实页面上div的数量可能不同（甚至display:none ）。