time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > html5指南--1.html5全局属性(html5 global attributes)

html5指南--1.html5全局属性(html5 global attributes)

时间:2012-09-09 23:02 点击:1058次 字体:[ ]




   今天开始一个全新的关于html5系列课程,是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章节,或者有意义的内容进行整理,以供大家学习。

  一个元素可以定义自己的属性,比如a标签定义href属性,这种叫局部属性(local attribute)。相对应的我们可以通过全局属性(global attribute)为所有元素设置共有的行为,当然你也可以为单独元素设置全局属性,只是这样做没有太大的意义。下面我将逐一介绍这些全局属性。

  下面的例子在chrome浏览器中运行正常,有些例子firefox不能运行,其他浏览器我没有测试,所以建议大家使用chrome浏览器作为自己首选的html5浏览器。我没有把注意力放在浏览器的兼容问题上,而是把关注点放在学习和实现上。html5还在不断完善中,随着他的普及,我相信主流浏览器对他的支持会越来越好,到时候浏览器兼容问题会好很多。

 

  1.accesskey

  accesskey属性允许你设置一个或者多个键盘快捷键,这样你就可以选择页面上的元素了。我们看下面的例子:

 

  1. <!DOCTYPE HTML> 
  2. <html> 
  3. <head> 
  4.   <title>Example</title> 
  5. </head> 
  6. <body> 
  7.   <form> 
  8.     Name: <input type="text" name="name" accesskey="n"/> 
  9.     <p/> 
  10.     Password: <input type="password" name="password" accesskey="p"/> 
  11.     <p/> 
  12.     <input type="submit" value="Log In" accesskey="s"/> 
  13.   </form> 
  14. </body> 
  15. </html> 

 

  在这个例子中,你就可以使用组合键选择页面中的元素了,比如在windows操作系统下,可以使用alt+XXX来选择某个元素。

运行效果:

html5指南--1.html5全局属性(html5 global attributes)_www.fengfly.com

 



本文地址 : http://www.fengfly.com/plus/view-209184-1.html
标签: HTML5
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: