开发者社区> 异步社区> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

《HTML5移动应用开发入门经典》—— 2.2 HTML5的新属性

简介:
+关注继续查看

本节书摘来异步社区《HTML5移动应用开发入门经典》一书中的第2章,第2.2节,作者:【美】Jennifer Kyrnin,更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.2 HTML5的新属性

HTML5移动应用开发入门经典
HTML5中的许多新属性是它们相关标签的扩展。可以通过一些新的event(事件)属性将脚本与Web页面事件关联起来。另外,还可以使用适用于所有HTML5元素的全局新属性。

在HTML中,属性出现在标签名称后,由空格分开,并介于“<”和“>”号之间。若该属性包含一个值,值通过等号被附加在属性上。若值中包括空格,需要用引号将整个值括起来。例如:

61482f490d9de903d7ab33bae415e232e74bad27

或:

42610e38a6c44869111db23d7e8cc762b85d4374

布尔值属性同样适用于HTML5,它们不需要值。若存在值,则应用该属性,否则,该属性不会被应用。例如:

1d9a31a0201a1da5478106061906ac74f9140e78

HTML 4中最有名的布尔值属性是checkboxe中的checked属性:

6775162a0dc532a5193fefc263c0933756717f9a

event(事件)属性对应页面加载后可能出现的事件。HTML5包括以下新事件属性。

onabort——操作中止时触发。
onbeforeonload、onbeforeonunload、onunload——在某一元素加载或卸载之前或同时触发。
oncontextmenu——打开菜单时触发。
ondrag、ondragend、ondragenter、ondragleave、ondragstart、ondrop——发生拖曳行为时触发。
onerrror及onmessage——发生错误或弹出信息时触发。
onscroll——用户滚动浏览器滚动条时触发。
onresize——调整元素大小时触发。

可以在几乎所有HTML5元素中使用这些事件属性,这使得Web应用程序对事件的响应更加灵活。

HTML5还增加了以下一些适用于几乎所有HTML元素的全局属性。

contenteditable
contextmenu
draggable
dropzone
hidden
spellcheck

可以使用contenteditable和spellcheck将一些元素设置成可通过浏览器编辑,而且浏览器可以在编辑过程中检查语法。第14章将详细介绍此类元素。

draggable及dropzone让元素变得可被拖曳,同时还提供结束拖曳时的放置区。第16章中将详细介绍如何在应用中使用拖曳功能。

可以通过contextmenu定义一个仅在右键单击元素时出现的菜单。第17章将详细介绍这个属性。

hidden属性和CSS中的display: hidden;作用相同,但可以通过它描述一个当前与页面不相关的元素。例如,仅在以特定方法填充完别的字段后才会用到的表单元素。这个特性可以增加页面的可访问性,因为隐藏元素无法被屏幕阅读器读取,但若该元素仅被CSS隐藏,则它可被读取。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Html5新属性Data-type的作用
Html5新属性Data-type的作用
98 0
『html5、css3』将视频做为网页背景 超炫!
效果图展示 仿墨迹天气首页 github项目地址:https://github.com/Ethan997/Video-background-page PC端网页效果预览:http://www.
3059 0
【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
<div style="margin:0px; padding:0px; max-width:100%; color:rgb(51,51,51); font-family:Arial,'Microsoft YaHei'; line-height:26.0400009155273px; height:auto!important; word-wrap:break-word!important
1895 0
[C#1] 5-属性
1.无参属性 当定义一个属性时,编译器会在生成的托管模块中产生一下3项: 1:get访问器方法,定义get时才有; 2:set访问器方法,定义set时才有; 3:关于属性的元数据,这项总是存在; 这写元数据信息中包括一些标记和属性类型,并有一个对get和set访问器方法的引用,仅仅为属性和它的访问器之间提供了一层关联关系。
671 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载