改良的a元素
在HTML 5中,对a元素添加download属性,在添加了该属性后,用户点击超链接时,将直接下载超链接所指向的资源文件,而不是在浏览器中打开链接所指向的目标地址。现在Chrome 14、Opera 18以及Firefox20以上版本的浏览器均支持该属性。
download属性的一个使用示例:
<!DOCTYPE html>
<meta charset=UTF-8/>
<title>a元素的download属性使用示例</title>
<a href="html5.jpg"><img src="html5.jpg"/></a>
将这段代码保存在一个HTML文件中,将该HTML文件保存在任意网站中,运行该网站并从Chrome浏览器访问该页面,当文件所在目录中存在名为html5.jpg图片文件时,该图片将显示在浏览器中,用户单击该图片链接,图片将被直接下载。
可以为a元素的download属性指定一个属性值,该属性值即被下载的文件名。
修改代码中a元素的download属性值如下所示:
<a href="html5.jpg" download="abc.jpg">
<img src="html5.jpg"/></a>
在浏览器中访问修改后的页面并用鼠标单击图片,被下载的图片文件名即“abc.jpg”。
改良的ol列表
在HTML 5中,将ol列表进行改良,为它添加了start属性与reversed属性。
如果不希望ol元素所代表的列表编号从1开始,那么可以使用start属性来自定义开始编号,ol列表的start属性示例:
<!DOCTYPE html>
<meta charset=UTF-8/>
<title>ol列表的start属性示例</title>
<h3>ol列表的start属性示例</h3>
<ol start=5>
<li>列表内容5</li>
<li>列表内容6</li>
<li>列表内容7</li>
<li>列表内容8</li>
<li>列表内容9</li>
<li>列表内容10</li>
</ol>
如果想对列表进行反向编号,那么可以使用ol列表的reversed属性, ol列表的reversed属性的使用示例:
<!DOCTYPE html>
<meta charset=UTF-8/>
<title>ol列表的reversed属性使用示例</title>
<h3>ol列表的reversed属性使用示例</h3>
<ol start=5 reversed>
<li>列表内容1</li>
<li>列表内容2</li>
<li>列表内容3</li>
<li>列表内容4</li>
<li>列表内容5</li>
</ol>
目前Chrome 18以上版本、Firefox 18以上版本、Opera 18以上版本以及Safari 5.2版本的浏览器支持reve