HTML5 的 Download 属性

HTML5 的 Download 属性用来强制浏览器下载对应文件,而不是打开,可以在一定程度上增强用户体验。

Chrome 和 Firefox 等浏览器很强大,当用户点击的资源文件可以被它们识别的时候(例如 pdf 会直接在浏览器打开,mp3、mp4 等媒体直接用浏览器内置播放器播放)。

但有时候,用户其实是希望直接下载而不是在浏览器上查看,这时就可以加上这个属性,属性值会对下载的文件重命名,如下

<a href="downloadpdf.php" download="download.pdf">点击直接下载并保存成 download.pdf 文件</a>

点击直接下载并保存为 fitbit.png

如果你确定这个资源是用户肯定会下载的,比如企业网站下载PDF图纸的链接,就可以加上这个属性。

符合 XHTML 标准和 HTML5 标准的 Flash 嵌入代码

苹果设备的不支持让Adobe Flash的日子越来越不好过,不过Flash被HTML5替代的进程依然是长路漫漫,我们需要做的是在学习HTML5的同时继续用好Flash。

今天闲来无事继续博客的 W3C HTML标准验证,大多数不符合项都是Flash导致的,于是参照建议学习并改正,一起来学习吧。

传统的嵌入代码

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″ width=”400″ height=”300″ id=”movie” align=””>
<param name=”movie” value=”movie.swf”>
<embed src=”movie.swf” quality=”high” width=”400″ height=”300″ name=”movie” align=”” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>
</object>

继续阅读