Tag: html5
如何使用CSS（和JavaScript？）创build一个模糊的“磨砂”背景？
我正在尝试用HTML5，CSS3和JavaScript来创build一个可以在webkit浏览器上工作的iOS 7风格的磨砂外观。 从技术上讲，给以下的HTML： <style> #partial-overlay { width: 100%; height: 20px; background: rgba(255, 255, 255, .2); /* TODO frost */ position: fixed; top: 0; left: 0; } </style> <div id="main-view"> <div style="width: 50px; height: 50px; background: #f00"></div> To my left is a red box<br> Now there is just text<br> Text that goes on for a few […]
最好的侧边栏HTML5标记
我设置了我的WordPress的侧边栏为HTML5主题，真的想使用before_widget和after_widget权利。 所以我的问题是这两个标记模式中的哪一个更合适？ 以下代码完全在<article>元素之外。 选项1：除了部分 <aside id="sidebar"> <section id="widget_1"></section> <section id="widget_2"></section> <section id="widget_3"></section> </aside> scheme2：Div与旁白 <div id="sidebar"> <aside id="widget_1"></aside> <aside id="widget_1"></aside > <aside id="widget_1"></aside > </div> 我想辅助问题是什么标题使用每个小部件标题。 如果我在<section>包装每个小部件，那么<h1>看起来是最合适的。 如果我用<aside> ，我不确定。 欢迎所有的意见。 魔鬼的鼓吹者鼓励。
为什么H2比H1大？
在下面的代码片段中，H2内容为什么比H1内容大？ <article> <section> <header> <h1>First Header</h1> </header> </section> <section> <header> <h2>Second Header</h2> </header> </section> </article> http://jsfiddle.net/abugp/ 为什么在下面的代码片段中的H1内容更大，但不是上面的内容？ <h1>First Line</h1> <h2>Second Line</h2> http://jsfiddle.net/59T43/
localStorage vs sessionStorage vs cookie
我正在一个应用程序，我需要在用户login过程中保留一些数据，我有这个问题，localStorage，sessionStorage，cookies之间有什么区别？ 我在问什么，为了在DOM中保存一些数据，即使用户刷新页面，有人说：使用sessionStorage或localStorage，然后有人想出了使用ngCookies的想法，因为它工作在每个浏览器，但是，我应该使用哪个？
“/favicon.ico”vs <link rel =“快捷图标”/>
题 在网站上创build一个favicon的最佳做法是什么？ 并且是一个.ico文件，16×16和32×32的图像比只有16×16的.png文件更好？ 如果今天select正确的方法，不能在合理的旧浏览器中工作吗？ 方法1 将名为favicon.ico的文件放在主目录中是一种方法。 浏览器始终请求该文件。 你可以看到，在Apache日志文件。 方法2 <head>部分的HTML标签： <link rel="shortcut icon" href="http://img.dovov.comfavicon.png (or ico?)" type="image/x-icon" />
任何方式克隆HTML5的canvas元素与其内容？
有没有办法用所有绘制的内容创build一个canvas元素的深层副本？
WebRTC和Websockets。 有没有区别
我假设WebRTC是一个解码/编码audio和video的API，虽然服务器和客户端之间的通信是通过networking套接字或其他networking协议完成的？ 我有点困惑。 WebRTC是否有自己的通信协议？
TypeScript：types系统的问题
我只是在VisualStudio 2012中testing打字稿，并且对其types系统有问题。 我的HTML网站有一个ID为“mycanvas”的canvas标签。 我试图在这个canvas上画一个矩形。 这是代码 var canvas = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 不幸的是VisualStudio抱怨 属性'getContext'在types'HTMLElement'的值上不存在 它将第二行标记为错误。 我认为这只是一个警告，但代码不能编译。 VisualStudio说 有构build错误。 你想继续并运行最后的成功构build？ 我根本不喜欢这个错误。 为什么没有dynamic的方法调用？ 毕竟getContext的方法肯定存在于我的canvas元素上。 但是我认为这个问题很容易解决。 我刚刚为canvas添加了一个types标注： var canvas : HTMLCanvasElement = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 但types系统仍然不满意。 这是新的错误信息，这次是在第一行： 无法将“HTMLElement”转换为“HTMLCanvasElement”：input“HTMLElement”缺less来自types“HTMLCanvasElement”的属性“toDataURL” 那么，我全力以赴进行静态打字，但这使得语言无法使用。 […]
JQuery数据select器没有用.data更新
基本上，如果我有一个div加载到一个data-test属性的页面，并用jQuery的.data('test')更改它的值我不能再select元素与$('div[data-test="newValue"]') 在这里看到testing： http://jsfiddle.net/VNaFs/1/
如何testing浏览器是否支持原生占位符属性？
我试图编写一个简单的占位符jQuery插件为我的网站，但当然我只想发射的function，如果原生的占位符属性不支持… 我如何使用jQuery来testing占位符属性的本机支持？
