首页 前端知识 【HTML5】的语法【十】

【HTML5】的语法【十】

2024-08-12 10:08:37 前端知识 前端哥 708 900 我要收藏

在这里插入图片描述

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15368.html
标签
评论
发布的文章

jQuery3 学习手册(三)

2024-08-18 22:08:04

vue和jQuery有什么区别

2024-04-29 11:04:47

推荐项目:jQuery.Gantt

2024-08-18 22:08:37

jQuery UI 秘籍(一)

2024-08-18 22:08:15

jQuery详解

2024-04-29 11:04:38

echarts饼图点击图例问题

2024-08-18 22:08:48

echarts天气折线图

2024-08-18 22:08:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!