标签: html5

大小不适用于HTML5输入标记

对于以下代码,将忽略大小值.任何帮助表示赞赏?

<p><input type="submit" name="login" id="login" value="Login" size="125"/> </p>
Run Code Online (Sandbox Code Playgroud)

html html5

4
推荐指数
1
解决办法
8461
查看次数

如何为HTML页面创建渐变背景

我正在学习HTML.

为HTML页面创建渐变背景的最佳方法是什么?

到目前为止,这是我的背景:

body style="background-color:Powderblue"
Run Code Online (Sandbox Code Playgroud)

我知道这不是一个渐变.

html css xhtml html5 css3

4
推荐指数
1
解决办法
4万
查看次数

Google索引HTML自定义数据属性吗?

我正在使用pushState/hash bangs构建一个基于AJAX的投资组合模块,因为我排除了没有JavaScript的浏览器,唯一让我担心的是HTML自定义数据属性在SEO方面的限制.

例如,使用以下代码:

<ul class="gallery" data-anchor="/photography/example/" data-title="Example"></ul>
Run Code Online (Sandbox Code Playgroud)

数据标题是否会被编入索引,即Google会收集该文本内容吗?或者我是否需要在列表中或周围添加标题标记作为描述性补充?一旦用户点击该特定图库,数据标题就会用作新的窗口标题.

html5 custom-data-attribute

4
推荐指数
2
解决办法
2726
查看次数

使用现代CSS从第一个元素中删除上边距

CSS和最新的Chrome或Firefox是否可以自动从第一个<h1>标签中删除上边距,还是我还需要使用jQuery?

html css printing html5 margin

4
推荐指数
1
解决办法
6539
查看次数

jQuery圆形滑块

我想做一个圆形滑块,如下图所示.jQuery能够做到这一点吗?

我知道一个直滑块如何工作,但我想制作一个HTML5圆形滑块.这是我在网上找到的 http://jsfiddle.net/XdvNg/1/ - 但我不知道如何获得用户放开的滑块值 在此输入图像描述

jquery html5 volume slider

4
推荐指数
1
解决办法
7986
查看次数

Modernizr和Boilerplate

我正在研究HTMl5,这个2出来了.一个叫Modernizr,另一个是Boilerplate.我想知道:

1. Modernizr和Boilerplate有什么不同?

2.可以一起运行吗?

html5

4
推荐指数
1
解决办法
1493
查看次数

如何使用<input>,<img>和canvas从本地文件系统预览一张大图片

我试图在手机上制作一个上传图片网页,但它总是耗尽内存,一旦图片太大,浏览器就会退出.这是我的代码:

<input type="file" id="testFile" />
<img src="" style="position:relative;" id="uploadingImg" />

function setImage() {
    var fileList   = this.files;
    var imageType  = /image/;
    for(var i = 0;i < fileList.length;i++) {
        document.getElementById('uploadingImg').file = fileList[i];
        var reader = new FileReader();
        reader.onload = function(e) {
            document.getElementById('uploadingImg').src = e.target.result;
        }
        reader.readAsDataURL(fileList[i]);
    }
}



document.getElementById('testFile').addEventListener('change', setImage, false);
Run Code Online (Sandbox Code Playgroud)

有谁知道如何使用<img><canvas>元素预览一张图片?请不要使用"readAsDataURL",因为当涉及到document.getElementById('uploadingImg').src = e.target.result; 它将耗尽内存.因为base64 Url占用了太多内存,并且它在内存中存在许多三或四个副本.

我如何使用"readAsArrayBuffer"和使用"drawImage"画布?或其他方法?

一切正常,如果我可以预览在本地磁盘上一个画面,而无需使用"readAsDataUrl".

谢谢!

html5 base64 image input filereader

4
推荐指数
1
解决办法
1705
查看次数

getImageData导致"未捕获错误:NOT_SUPPORTED_ERR:DOM异常9"

我试图在HTML5中感受一些图像处理.我发现当我尝试使用getImageData方法时,我会抛出这个JS异常.我正在使用Chrome并在localhost上运行.

谢谢!

javascript html5 getimagedata domexception

4
推荐指数
1
解决办法
9098
查看次数

在HTML中预加载

我做了一个简单的谷歌搜索代码,如下所示:

<div style="text-align:center">
<form method="get" action="http://www.google.com/search">
<img src="http://www.google.com/images/srpr/logo3w.png"><br><input style="width:300px"name="q">
<input type="submit" value="Google Search" >
</form></div>
Run Code Online (Sandbox Code Playgroud)

在此,代码(包括表单)和图像(谷歌图像)同时加载.

如何首先加载表单(输入),而不是图像?

html javascript html5 preloader

4
推荐指数
1
解决办法
1166
查看次数

如何在HTML5中保护localStorage?

我们如何保护HTML5 localStorage的内容免受用户篡改?在cookie的情况下,我们以加密格式存储信息,并且用于加密的秘密将存储在客户端不知道的服务器中.

但是,在localStorage中,信息驻留在客户端,我们将密钥发送给客户端.那么,是否有任何标准方法可以保护localStorage中的信息免受用户篡改?

security html5 local-storage

4
推荐指数
1
解决办法
2785
查看次数