绝对应当收藏的10个实用HTML5代码片段
发布时间：2013-11-26 15:39:46 所属栏目：语言 来源：站长网
导读：HTML5是WEB技术发展的重要的里程碑，对于前端开发来说，如果能够找到一些未来大家开发中可能需要经常重复使用的代码的话，相信大家一定不会拒绝，下面是我们精心收集的10多
|
HTML5是WEB技术发展的重要的里程碑，对于前端开发来说，如果能够找到一些未来大家开发中可能需要经常重复使用的代码的话，相信大家一定不会拒绝，下面是我们精心收集的10多个HTML5代码片段，相信大家一定喜欢！
HTML5的最简单模板如果你需要开始一个新的HTML5项目的话，大家肯定会需要一个最简单的模板，这里是一个非常简单并且清晰的HTML5模板，相信大家会喜欢！ <!DOCTYPE html> 表单获取Google地图这里有一段非常简单的代码，通过用户输入地点，获取google地图地点，非常适合生成联系人表单 <form action="http://maps.google.com/maps" method="get" target="_blank"> Base64编码的1x1大小的空白GIF文件个人不推荐使用这个透明的空白gif，但是即使在2013年，很多人仍旧使用。可能你也喜欢使用这种方式。 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"> 正则表单式验证电子邮件HTML5中允许使用正则表单式来做输入验证： <input type="text" title="email" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}" />
正确的嵌入flash如果你经常需要在网页中插入flash的话，这段代码你应该用的上： <object type="application/x-shockwave-flash" 视频并且支持flash的fallback另外一个HTML5中最有用的特性是video标签，允许你很方便的嵌入video文件。但是很多老版本的浏览器不支持，所以下面这段代码将会非常有用 <video width="640" height="360" controls> iPhone call & sms linksiphone中苹果介绍了一个非常方便的方式来创建电话和短信链接。代码如下： <a href="tel:1-408-555-5555">1-408-555-5555</a> HTML5的数据自动补齐功能使用datalist元素，HTML5允许使用一组数据来生成自动补齐功能，现在你不需要使用第三方js代码或者类库啦！ <input name="frameworks" list="frameworks" /> 可直接下载文件<!-- will download as "expenses.pdf" --> Crash老版本浏览器IE6要知道IE6在国内使用量可不小，如果在你的web应用或者网站中不支持IE6的话，加上这段代码吧，相信你的用户都会升级IE6滴，嘿嘿！ <style>*{position:relative}</style><table><input></table>
（编辑：佛山站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
