Html5新增属性介绍.pptx

Html5新增属性介绍; 新增与链接相关的属性 新增与表单相关的属性 新增的其他属性 废除的属性 ;media属性：为a与area元素增加media属性，该属性规定目标URL是为什么类型的媒介/设备进行优化的，只能在href属性存在时使用； sizes属性：为link元素增加了新属性sizes，该属性可以与icon元素结合使用（通过rel属性），该属性指定关联图标（icon元素）的大小； target属性：为base元素增加了target属性，主要目的是保持与a元素的一致性，同时target元素在web应用程序中，尤其是在与iframe结合使用时，是非常有用的。;前端开发 ;前端开发 ;(2)autocomplete属性 浏览器通过autocomplete属性来确定是否应该保存输入值以备将来使用，例如不保存的代码： autocomplete属性应该用来保护敏感的用户数据，避免本地浏览器对它们进行不安全地存储，对于autocomplete属性，可以指定on、off与不指定三个值。 其中，不指定时，使用浏览器的默认值；属性为on时，可以显示指定候补输入的数据列表。;前端开发 ;前端开发 ;(5)min和max属性 通过设置min和max属性，可以将range输入框的数值范围限定在最小值和最大值之间，这两个属性既可以只设置一个，可以同时设置两个，也可以都不设置，输入控件会根据设置的参数对值范围作出相应调整。例如，创建一个表示型大小的range控件，值范围从0%--100%。;前端开发 ;前端开发 ;前端开发 ;前端开发 ;(10)date类型 date输入类型是比较常见的一种元素，我们经常看到网页中要求我们输入的各种各样的日期，例如生日、购买日期、订票日期等。date类型的input元素以日历的形式方便用户输入。 ;(11)time类型 time类型的input元素是一种专门用来输入时间的文本框，并且在提交时会对输入时间的有效性进行检查。它的外观取决于浏览器，可能是简单的文本框，只在提交时检查是否在其中输入有效的时间，也可以以时钟形式出现。;(12)datetime输入类型 datetime类型的input元素是一种专门用来输入UTC日期和时间的文本框，并且在提交时会对输入的日期和时间进行有效性检查。;(13)datetime-local输入类型 datetime-local类型的input元素是一种专门用来输入本地日期和时间的文本框，并且在提交时会对输入的日期和时间进行有效性检查。;(14)month输入类型 month类型的input元素是一种专门用来输入月份的文本框，并且在提交时会对输入的月份进行有效性检查。;(15)week输入类型 week类型的input元素是一种专门用来输入周号的文本框，并且在提交时会对输入的周号进行有效性检查。有的浏览器会提供一种辅助输入的日历，可以在该日历中选取日期，选取完毕文本框中自动显示周号。;前端开发 ;前端开发 ;(18)search输入类型 search类型的input元素是一种专门用来输入搜索关键词的文本框。search类型和text类型仅仅在外观上有区别，同时外观可以通过css样式表来改写。;视觉设计;Html5中除了上面介绍的与链接和表单相关的属性之外，还增加了下面的属性： reversed属性：为ol元素增加属性reversed，它指定列表倒序显示。li元素的value属性与ol元素的start属性因为它不是被显示在界面上的，所以不建议使用； charset属性：为meta元素增加了charset属性，该属性已经被广泛支持，而且为文档的字符编码的指定提供一种比较良好的方式； type属性与label属性：为menu增加两个新的属性type与label，label属性为???单定义一个可见的标注，type属性让菜单可以以上下文菜单、工具条、列表等三种形式显示； scoped属性：为style元素增加了scoped属性，用来规定样式的作用范围，譬如只对页面上某个树起作用。;前端开发 ;前端开发 ;前端开发 ;Thank you!