改良的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