Tag: html5

有没有办法在HTML5中创建自己的HTML标签?

我想创造类似的东西 <menu> <lunch> <dish>aaa</dish> <dish>bbb</dish> </lunch> <dinner> <dish>ccc</dish> </dinner> </menu> 它可以在HTML5中完成吗? 我知道我可以做到 <ul id="menu"> <li> <ul id="lunch"> <li class="dish">aaa</li> <li class="dish">bbb</li> </ul> </li> <li> <ul id="dinner"> <li class="dish">ccc</li> </ul> </li> </ul> 但它是如此少可读性:(

我可以将自定义属性添加到HTML标记吗?

我可以像这样添加自定义属性到HTML标签: <tag myAttri="myVal" />

如何从base64数据字符串保存PNG图像服务器端

我使用Nihilogic的“Canvas2Image”JavaScript工具将画布图形转换为PNG图像。 我现在需要的是将这个工具生成的base64字符串转换成服务器上的实际PNG文件,使用PHP。 总之,我目前正在做的是在客户端使用Canvas2Image生成一个文件,然后检索base64编码的数据并使用AJAX将其发送到服务器: // Generate the image file var image = Canvas2Image.saveAsPNG(canvas, true); image.id = "canvasimage"; canvas.parentNode.replaceChild(image, canvas); var url = 'hidden.php', data = $('#canvasimage').attr('src'); $.ajax({ type: "POST", url: url, dataType: 'text', data: { base64data : data } }); 在这一点上,“hidden.php”接收数据块,看起来像数据:image / png; base64,iVBORw0KGgoAAAANSUhEUgAABE … 从这一刻起,我几乎陷入了困境。 从我读过的,我相信我应该使用PHP的imagecreatefromstring函数,但我不知道如何从base64编码的字符串实际创建一个实际的PNG图像,并将其存储在我的服务器上。 请帮助!

HTML5中的画布宽度和高度

是否有可能修复HTML5 canvas元素的宽度和高度? 通常的方法如下: <canvas id="canvas" width="300" height="300"></canvas>

是否需要编写HEAD,BODY和HTML标签?

是否有必要写<html> , <head>和<body>标签? 例如,我可以制作这样一个页面: <!DOCTYPE html> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Page Title</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <script src="js/head_script.js"></script><!– this script will be in head //–> <div>Some html</div> <!– here body starts //–> <script src="js/body_script.js"></script> 和Firebug正确分离头部和身体: W3C验证说它是有效的。 但是我很少在网上看到这种做法。 是否有任何理由写这些标签?

哪些浏览器支持HTML5 WebSocket API?

我将开发一个在浏览器中运行的即时通讯应用程序。 哪些浏览器支持WebSocket API ?

是否有可能使用JSF + Facelets与HTML 4/5?

Facelets依靠XML名称空间来处理XHTML。 HTML 4是如何,据我所知,HTML 5不支持命名空间。 另外,HTML 5还有一些XHTML中没有的新元素。 即使HTML 4和XHTML在它们支持的元素和属性方面也有一些差异。 问题是:是否有可能使用Facelets呈现HTML 4/5文档? 如果是这样,怎么样?

检测HTML5视频结束的时间

如何检测HTML5 <video>元素何时完成播放?

如何在上传之前用javascript检查文件的MIME类型?

我已经阅读这个问题,这似乎表明,文件的MIME类型可以检查使用JavaScript在客户端。 现在,我明白,真正的验证仍然需要在服务器端完成。 我想执行一个客户端检查,以避免不必要的服务器资源浪费。 为了测试这是否可以在客户端完成,我将JPEG测试文件的扩展名更改为.png并选择要上传的文件。 发送文件之前,我使用JavaScript控制台查询文件对象: document.getElementsByTagName('input')[0].files[0]; 这是我在Chrome 28.0上得到的: File {webkitRelativePath:“”,lastModifiedDate:Tue Oct 16 2012 10:00:00 GMT + 0000(UTC),name:“test.png”,type:“image / png”,size:500055 …} 它显示类型是image/png似乎表明检查是基于文件扩展名而不是MIME类型。 我试过Firefox 22.0,它给了我相同的结果。 但根据W3C规范 ,应该实施MIME嗅探 。 我是否有权说,目前没有办法用javascript检查MIME类型? 还是我错过了什么?