Tag: html5

HTML5上传前预先调整图像的大小

这是一个面条刮刀。 请记住,我们有HTML5本地存储和xhr v2,什么不是。 我想知道是否有人可以find一个工作的例子,甚至只是给我一个是或否的这个问题: 是否有可能预先使用新的本地存储(或其他)图像的大小,以便一个用户谁不知道调整图像的大小,可以拖动他们的10MB图像到我的网站,resize使用新的本地存储和那么以较小的尺寸上传它。 我完全知道你可以用Flash,Java applets,active X来做…问题是如果你可以用Javascript + Html5做。 期待在这一个回应。 Ta现在。

HTML5最佳做法; section / header / aside /文章元素

网上有足够的关于HTML5的信息(还有在stackoverflow上),但是现在我对“最佳实践”感到好奇。 部分/标题/文章等标签是新的,每个人对于何时/何地使用这些标签都有不同的意见。 那么你们如何看待下面的布局和代码呢? 1 <!doctype html> 2 <head> 3 <title>Website</title> 4 </head> 5 6 <body> 7 <section> 8 <header> 9 <div id="logo"></div> 10 <div id="language"></div> 11 </header> 12 13 <nav> 14 <ul> 15 <li>menu 1</li> 16 <li>menu 2</li> 17 <li>menu 3</li> 18 <li>menu 4</li> 19 <li>menu 5</li> 20 </ul> 21 </nav> 22 23 <div id="main"> […]

您是否将架构微数据元标记放在html正文中?

我search了很长时间,通过互联网和stackoverflow为这个问题的答案,我发现的链接,说你不应该把元标签在身体: 在<body>中使用HTML5 + Microdata的<meta>标签 在身体部分传递元数据 身体中的元标记 而schema.org网站清楚地显示meta标签直接嵌套在主体http://schema.org/AggregateRating中 看看那里发布的例子 Customer reviews: <div itemprop="reviews" itemscope itemtype="http://schema.org/Review"> <span itemprop="name">Not a happy camper</span> – by <span itemprop="author">Ellie</span>, <meta itemprop="datePublished" content="2011-04-01">April 1, 2011 <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <span itemprop="ratingValue">1</span>/ <span itemprop="bestRating">5</span>stars </div> <span itemprop="description">The lamp burned out and now I have to replace it. </span> […]

Gmail和Google Chrome 12+如何在剪贴板function中使用粘贴图片?

我发现了一篇来自Google的博客文章 ,提到如果您使用的是最新版本的Chrome,则可以直接从剪贴板将图片粘贴到Gmail邮件中。 我试着用我的Chrome版本(12.0.742.91 beta-m),它使用控制键或上下文菜单很好用。 从这种行为中,我需要假设Chrome浏览器中使用的最新版本的webkit能够处理Javascript粘贴事件中的图像,但是我一直无法find任何对这种增强的引用。 我相信ZeroClipboard绑定到按键事件触发其闪光灯function,因此不会通过上下文菜单工作(另外,ZeroClipboard是跨浏览器,并表示这只适用于Chrome浏览器)。 那么,这是如何工作的,以及如何增强Webkit(或Chrome)的function?

为什么我的div高度100%只在DOCTYPE被删除时才起作用?

这是整个代码: <!DOCTYPE HTML> <html> <body style="height: 100%; padding: 0; margin: 0;"> <div style="background-color: green; height: 100%; width: 100%"></div> </body> </html> 没有出现。 但是,如果我删除第一行( doctype ),所有的页面是绿色的预期。 我有两个问题: 如何让div在不删除标签的情况下填充页面? 为什么删除doctype使它工作?

透明的半圆切出一个div

我只想用CSS3做一个透明的半圆形切割。 唯一的要求是形成形状的所有元素 必须是黑色或透明的 。 我不能用一个白色圆圈的黑色矩形,因为半圆要透明,让背景透明。 所需形状:

获取跨域iframe的DOM内容

我有一个跨网站的iframe。 我想读取iframe的DOM,我相信这是可能的,因为使用检查器,我甚至可以修改iframe的DOM。 我尝试阅读的每一个方法,但是,我碰到相同的起源政策。 我想要的是从iframe中加载的本地DOM中的内容。 我认为这将是$(document.body).find('iframe').html() ,但是这是返回空string。 我真的希望有一种方法可以做到这一点,因为过去几天我一直在做的工作已经被预测,这是可行的。 谢谢

通过HTML5中的RTSP或RTPstream式传输

我正在build立一个networking应用程序,应该从服务器http://lscube.org/projects/feng播放RTSP / RTPstream。 HTML5video/audio标签是否支持rtsp或rtp? 如果不是,最简单的解决scheme是什么? 也许下降到一个VLC插件或类似的东西。

“X-UA-Compatible”content =“IE = 9; IE = 8; IE = 7; IE = EDGE”

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> 其实这个说法是什么意思呢? 有些例子使用IE来分离IE的版本,而有些使用IE ; ; 哪个是对的? 顺序IE=9; IE=8; IE=7; IE=EDGE IE=9; IE=8; IE=7; IE=EDGE IE=9; IE=8; IE=7; IE=EDGE有一些重要性,我想知道。 编辑 :我正在使用<!DOCTYPE html>

当http:// localhost是原点时致命的CORS

我坚持这个CORS问题,即使我设置服务器(nginx / node.js)与适当的标题。 我可以在Chromenetworking窗格中看到 – > Response Headers: Access-Control-Allow-Origin:http://localhost 这应该做的伎俩。 这里是我现在用来testing的代码: var xhr = new XMLHttpRequest(); xhr.onload = function() { console.log('xhr loaded'); }; xhr.open('GET', 'http://stackoverflow.com/'); xhr.send(); 我明白了 XMLHttpRequest cannot load http://stackoverflow.com/. Origin http://localhost is not allowed by Access-Control-Allow-Origin. 我怀疑这是客户端脚本中的问题,而不是服务器configuration…