值得收藏的html5代码片段
2016-06-16来源:

html5是web技术发展的重要的里程碑,对于前端开发来说,如果能够找到一些未来大家开发中可能需要经常重复使用的代码的话,相信大家一定不会拒绝,下面是我们精心收集的10多个html5代码片段,相信大家一定喜欢!

html5的最简单模板

如果你需要开始一个新的html5项目的话,大家肯定会需要一个最简单的模板,这里是一个非常简单并且清晰的html5模板,相信大家会喜欢!

untitled

web的主要内容

Baidu
map

表单获取google地图

这里有一段非常简单的代码,通过用户输入地点,获取google地图地点,非常适合生成联系人表单

value=350 5th ave new york, ny 10018 (empire state building) />

base64编码的1x1大小的空白gif文件

个人不推荐使用这个透明的空白gif,但是即使在2013年,很多人仍旧使用。可能你也喜欢使用这种方式。

正则表单式验证电子邮件

html5中允许使用正则表单式来做输入验证:

正确的嵌入flash

如果你经常需要在网页中插入flash的话,这段代码你应该用的上:

data=your-flash-file.swf

width=0 height=0>

视频并且支持flash的fallback

另外一个html5中最有用的特性是video标签,允许你很方便的嵌入video文件。但是很多老版本的浏览器不支持,所以下面这段代码将会非常有用

data=__flash__.swf>

image=__poster__.jpg&file=__video__.mp4 />

__title__</p

title=no video playback capabilities, please download the video below />

iphone call & sms links

iphone中苹果介绍了一个非常方便的方式来创建电话和短信链接。代码如下:

1-408-555-5555

new sms message

html5的数据自动补齐功能

使用datalist元素,html5允许使用一组数据来生成自动补齐功能,现在你不需要使用第三方js代码或者类库啦!

可直接下载文件

download=expenses.pdf>download your expense report

crash老版本浏览器ie6

要知道ie6在国内使用量可不小,如果在你的web应用或者网站中不支持ie6的话,加上这段代码吧,相信你的用户都会升级ie6滴,嘿嘿!

推荐信息
Baidu
map