Tag: html5

何时使用<p>与<br>: 什么时候你应该使用另一个<p>…</p>而不是一个<br />标签的判决？什么是这种事情的最佳实践？我四处寻找这个问题，但大部分的写作似乎有点老，所以我不确定是否有关于这个话题的意见已经演变。编辑：澄清这个问题，这里是我正在处理的情况。你会使用<br>或<p>的以下内容（想象它包含在一个主页的div）：欢迎来到主页。看看我们的东西。你真的应该。现在，这些行不是技术上的“段落”。那么你会用一个<p>标签把整个块放在中间来标记吗？或者在每行之间使用单独的<p> ？

HTML5是否禁止tbody的细胞？: 作为Razor视图的一部分，我有以下标记： <table> <caption>Presidents</caption> <thead> <tr> <th scope="col">Name</th> <th scope="col">Born</th> <th scope="col">Died</th> </tr> </thead> <tbody> <tr> <th scope="row">Washington</th> <td>1732</td> <td>1799</td> </tr> <!– etc –> </tbody> </table> 将“validation的目标模式”设置为HTML5，Visual Studio将如此抱怨：警告1validation（HTML5）：元素“th”不能嵌套在元素“tbody tfoot”中。这是真的吗？如果是这样，有人可以链接到规范？我的理解是，使用<th>行标题不仅是合法的，而且是鼓励的。这似乎是相当普遍的，我可以链接几十个教程（看起来明智）解释，它有助于可访问性。这是一个VS错误？一个真正的改变与HTML5（一个好的？坏的？）？发生了什么？

通过node.js与HTML 5进行videostream: 我正在尝试使用node.js设置一个支持stream式video到HTML5video标签的networking服务器。这是我的代码到目前为止： var range = request.headers.range; var total = file.length; var parts = range.replace(/bytes=/, "").split("-"); var partialstart = parts[0]; var partialend = parts[1]; var start = parseInt(partialstart, 10); var end = partialend ? parseInt(partialend, 10) : total-1; var chunksize = (end-start)+1; response.writeHead(206, { "Content-Range": "bytes " + start + "-" + end + "/" + […]

在html中定位固定标题: 我有一个固定位置的标题（dynamic高度）。我需要将容器div放在标题下方。由于标题高度是dynamic的，所以我不能使用顶部边距的固定值。如何才能做到这一点？这是我的CSS： #header-wrap { position: fixed; height: auto; width: 100%; z-index: 100 } #container{ /*Need to write css to start this div below the fixed header without mentioning top margin/paading*/ } …和HTML： <div id="header-wrap"> <div id="header"> <div id="menu"> <ul> <li><a href="#" class="active">test 0</a></li> <li><a href="#">Give Me <br />test</a></li> <li><a href="#">My <br />test […]

Safari和Firefox中的HTML5video（mp4和ogv）问题 – 但是Chrome都很好: 我有以下代码： <video width="640" height="360" controls id="video-player" poster="/movies/poster.png"> <source src="/movies/640×360.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="/movies/640×360.ogv" type='video/ogg; codecs="theora, vorbis"'> </video> 我正在使用Rails（Mongrel开发和Mongrel + Apache生产）。 Chrome（Mac和Win）可以在本地或从我的生产服务器上播放任一文件（由其他源标签进行testing）。 Safari（Mac和Win）可以在本地播放mp4文件，但不能播放。 Firefox 3.6不会在任何一个操作系统中播放video。我只是在video播放器区域中间出现一个灰色的十字。我已经确定Mongrel和Apache在每种情况下都有正确的MIMEtypes集。从Chrome的结果来看，我知道我的video文件或文件被要求或交付的方式并没有天生的错误。对于Firefox，我查看了https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox ，它引用了“错误”事件和“错误”属性。看起来，“错误”事件很容易理解，当时没有错误属性。有谁知道如何诊断问题？

在iOS上，<input type =“number”/>没有显示数字键盘: 根据苹果的文件，当我设置一个numbertypes的input元素，我应该得到一个数字键盘。 <input type="number"/> number ：用于指定号码的文本字段。在iOS 3.1及更高版本中引入一个数字键盘键盘。看起来该死的几乎不可能搞砸了。但是，当我在我的iPhone或模拟器（都是iOS6）上查看这个简单的小提琴时，数字键盘不会出现，而是获得标准的字母键盘。 http://jsfiddle.net/Cy4aC/3/ 我究竟可能在这里搞砸了什么？

Websocket的onerror – 如何阅读错误描述？: 我一直在开发基于浏览器的多玩家游戏，我已经在不同的环境（客户端办公室，公共WiFi等）testing了不同的端口可访问性。一切进展顺利，除了一件事：我不知道是如何阅读错误号。或接收到错误事件时的描述。客户端websocket是在JavaScript中完成的。例如： // Init of websocket websocket = new WebSocket(wsUri); websocket.onerror = OnSocketError; …etc… // Handler for onerror: function OnSocketError(ev) { output("Socket error: " + ev.data); } 'output'只是写入div的一些实用函数。我得到的是对ev.data的“未定义”。总是。我一直在search，但似乎没有关于这个事件有什么参数和如何正确阅读的规格。任何帮助表示赞赏！

使HTML5video海报与video本身尺寸相同: 有谁知道如何调整HTML5video海报的大小，使其适合video本身的确切尺寸？这里是一个jsfiddle，它显示了这个问题： http : //jsfiddle.net/zPacg/7/ 这是代码： HTML： <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video> CSS： video{ border:1px solid red; } 请注意，橙色矩形不会缩放到video的红色边框。另外，只是添加下面的CSS不起作用，因为它随着海报重新调整video： video[poster]{ height:100%; width:100%; }

有没有可能用CSS创build这个形状（两个部分圆形连接在一起）？: 我试图用CSS来完成两个div的边界：我尝试使用border-radius ，但两个部分圆不会压在一起： http : //jsfiddle.net/uwz6L79w/ .left { position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-width: 4px; border-color: black white black black; border-style: solid; border-radius: 60px } .right { position: absolute; left: 104px; top: 0; width: 100px; height: 100px; border-width: 4px; border-color: black black black white; border-style: solid; border-radius: 60px; } <div […]

只使用Javascript会话cookie: 我想知道是否有可能创build会话只有JavaScript的cookie。当浏览器closures时，cookies应该被删除。我不能在服务器上使用任何东西，因为网站只有HTML …所以没有使用服务器端脚本。我在这里读了一些关于这个： http : //blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/，但我无法find关于这个更多的信息...所以我是想知道这种方法是否可靠。