Tag: html5
如何从Web应用程序访问手机的相机？
在我的手机应用程序（非本地应用程序）中，我想拍照并上传，但我不想使用Adobe Flash。 有没有办法做到这一点？
HTML 5 Favicon – 支持？
我正在阅读Wikipedia上的Favicon页面。 他们提到了Favicon的HTML 5规范： 目前的HTML5规范build议在标签中使用属性rel =“icon”sizes =“空格分隔的图标尺寸列表”来指定多个尺寸的尺寸图标。 [ 源 ]多种图标格式，包括容器格式，如Microsoft .ico和Macintosh图标，以及可缩放vectorgraphics，可以通过在图标的内容types中以type =“file content-type”的forms提供标签。 看引用的文章（W3），他们展示了这个例子： <link rel=icon href=favicon.png sizes="16×16" type="image/png"> <link rel=icon href=windows.ico sizes="32×32 48×48" type="image/vnd.microsoft.icon"> <link rel=icon href=mac.icns sizes="128×128 512×512 8192×8192 32768×32768"> <link rel=icon href=iphone.png sizes="57×57" type="image/png"> <link rel=icon href=gnome.svg sizes="any" type="image/svg+xml"> 我的问题是任何浏览器都支持HTML 5方法吗？ 注：我知道苹果使用他们的apple-touch-icon元标记方法通过HTML5的方法。 维基百科文章声称： 然而，当用户从“工具”菜单中select“创build应用程序快捷方式”时，Google Chrome网页浏览器将select与HTML标题中提供的尺寸最接近的匹配尺寸，以创build128×128像素的应用程序图标。 Internet Explorer（v9到v11）和Firefox如何处理这个问题？ 这篇文章是否正确处理了Chrome处理HTML Favicons？ （Chrome没有证据certificate这一点。） 在search中，我无法在维基百科文章以外的HTML 5 Favicon上find任何可信的信息。
HTML5input模式search报价
我需要testinginput字段（ <input type="text" /> ）对这个正则expression式： [^'"]+ 这显然不是一件容易的事情，因为我不能使用"属性内部”。使用“引用”实体看起来并不像在正则expression式引擎中那样工作。 我怎样才能做到这一点？
为什么一个杂散的结束标记会生成一个空的段落？
显然，如果在body元素中有一个没有匹配开始标记的</p>结束标记，大多数（如果不是所有的话）浏览器都会在它的位置生成一个空的段落： <!DOCTYPE html> <title></title> <body> </p> </body> 即使在结束标记周围存在任何文本，也不会将其作为此p元素的一部分 – 它将始终为空，并且文本节点将始终独立存在： <!DOCTYPE html> <title></title> <body> some text</p>more text </body> 如果body的上述内容被包裹在<p>和</p>标记中，我会留给你猜测会发生什么： <!DOCTYPE html> <title></title> <body> <p>some text</p>more text</p> </body> 有趣的是，如果</p>标签前面没有<body>或</body>标签，除了IE9和更老版本的浏览器都不会生成空白段落（IE≤9则始终创build一个） IE10和更高版本的行为与所有其他浏览器相同）： <!DOCTYPE html> <title></title> </p> <!DOCTYPE html> <title></title> </p><body> <!DOCTYPE html> <title></title> </p></body> 我找不到任何引用规定，没有相应的开始标签的结束标签应该生成一个空的元素，但不应该让人感到意外，因为它甚至不是有效的HTML。 事实上，我只find浏览器用p元素（以及某种程度上也是br元素）来做到这一点，但是为什么没有任何解释。 在使用传统的HTMLparsing器和HTML5parsing器的浏览器中，它是相当一致的，不过，在怪癖模式和标准模式下都适用。 所以，这可能是公平的，这是为了向后兼容早期规范或传统行为。 事实上，我的确发现了这个评论的答案， 这个问题基本上证实了这个问题： 为什么<p>标签有效的原因是原来的<p>被定义为“新的段落”标记，而不是p是一个容器元素。 相当于成为“新线”的标志。 你可以从1992年的这个文档中看到： http：//www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html和1993年的这个： http：//www.w3。 org / MarkUp […]
为什么我应该用“data-”来预定我的自定义属性？
所以我使用的任何自定义数据属性应该以“data-”开头： <li class="user" data-name="John Resig" data-city="Boston" data-lang="js" data-food="Bacon"> <b>John says:</b> <span>Hello, how are you?</span> </li> 如果我忽略这个，会不会发生什么事？ 即： <li class="user" name="John Resig" city="Boston" lang="js" food="Bacon"> <b>John says:</b> <span>Hello, how are you?</span> </li> 我想一个坏的是，我的自定义属性可能会与具有特殊含义（例如， name ）的HTML属性发生冲突，但除此之外，只写“example_text”而不是“data-example_text”会出现问题吗？ （它不会validation，但谁在乎？）
使用javascript从多file upload控件中检索文件名
HTML是： <input type="file" multiple="multiple" name="upload" id="id_upload" /> 如果我加载了三个文件， document.getElementById("id_upload").value只返回一个文件名，而不是由三个名字或三个名字的逗号分隔的string组成的数组。 与jQuery val（）相同的故事。 有没有办法让整个名单？
哪些html标签支持onload / onerror javascript事件属性？
我熟悉onload的典型用法，如下所示： <body onload="alert('Hello, World!');"> … </body> 什么是引发加载事件的所有html元素？ （从而执行onload属性提供的JavaScript） 例如， img是一个这样的标签，当some.png加载时，它将执行onload属性中提供的javascript： <img onload="someImgLoaded()" src="some.png" />
我的页脚漂浮
我一直在尝试各种“粘”的页脚解决scheme，在三天的较好的一部分，没有成功。 我试图将页脚放在浏览器窗口的底部，当没有足够的内容存在时跨越窗口的整个高度。 请。 帮帮我。 这里是基本的网站结构： <div id="siteWrapper"> <header> <div id="header"> <div id="headerWrapper"></div> </div> </header> <div id="content"> <div id="innerWrapper"> <div id="columnLeft"></div> <aside> <div id="aside"> <div id="asideWrapper"></div> </div> </aside> </div> </div> <footer> <div id="footer"> <div id="footerWrapper"></div> </div> </footer> </div> 而关联的CSS，为简洁编辑，也没有反映任何我试过的解决scheme（见下文）： * { margin: 0; padding: 0; } #header { width: 100%; display:inline-block; } #headerWrapper { width: 90%; […]
Chrome中的文件Url跨域问题 – 意外
这个问题是关于使用文件URL抛出跨域错误的Chrome 我正在embedded一个svg文件到HTML中使用相对path的forms的数据属性的对象标签，onload事件我想要使用getSVGDocument（）获取SVGDocument。 我正在使用文件url访问html文件，当getSVGDocument被调用时，Chrome会给出一个跨域错误。 Chrome实际上embedded了SVG，但getSVGDocument不会返回SVG的DOM “Chrome错误”是“不安全的JavaScript尝试从URL文件：/// C：/ MyFiles / website / Dir1 / index的帧中访问具有URL文件的框架：/// C：/MyFiles/website/Dir1/a.svg。 html域名，协议和端口必须匹配。“ 正如你可能看到的基本path是相同的HTML和embedded式文件svg，那么为什么Chrome抛出这个错误？
将样式应用于父项，如果它具有CSS的子项
我试图将styles应用于parent如果它有child元素。 到目前为止，我已经将样式应用于child元素（如果存在）。 但是，如果parent有child ，我只想用CSS来style parent的CSS 。 以下是html <ul class="main"> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> <li>aaaa <ul class="sub"> <li>bbbb</li> <li>bbbb <ul> <li>cccc</li> <li>cccc</li> <li>cccc</li> </ul> </li> <li>bbbb</li> <li>bbbb</li> <li>bbbb</li> </ul> </li> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> </ul> 的css代码 * { margin:0; padding:0; text-decoration:none; } .main li { display:inline-block; background:yellow; color:green; } .main > li > ul > li { […]
