快上网建站品牌

13518219792

HTML5深入浅出教学篇之五

介绍

HTML 5: 元素的通用属性

元素的通用属性 - accesskey, style, class, title, tabindex, id, dir, spellcheck, hidden, contenteditable, contextmenu, draggable, dropzone

示例

1、accesskey - 用于定义快捷键element/_globalAttributes/accesskey.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     accesskey 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     webabcd blog 
    9. 
  
  
  
  9.     webabcd blog 
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

2、style - 用于定义样式element/_globalAttributes/style.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     style 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     webabcd 
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

3、class - 指定需要应用的 css 类选择器element/_globalAttributes/class.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     class 
    5. 
  
  
  
  5.      
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.     webabcd 
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

4、title - 用于描述元素信息，相当于 ToolTipelement/_globalAttributes/title.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     title 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     webabcd blog 
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

#p#

5、tabindex - 用于定义 TAB 键的导航顺序（整型值）element/_globalAttributes/tabindex.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     tabindex 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.        
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.      
    14. 
  
  
  
  14.      
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  
    17.

6、id - 用于定义元素的唯一标识，主要给 DOM 用element/_globalAttributes/id.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     id 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     webabcd blog 
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.         alert(document.getElementById('myId').innerHTML);  
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15.

7、dir - 文本排列方向，可能的值有：auto|ltr|rtl（dir 是 direction 的缩写）element/_globalAttributes/dir.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     dir 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     123 
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

8、spellcheck - 是否使用浏览器的拼写检查功能对元素内的内容做拼写检查element/_globalAttributes/spellcheck.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     spellcheck 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9. i am jack, i am webabcd, haha, good, hehe  
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13.

#p#

9、hidden - 用于隐藏元素（不占位）element/_globalAttributes/hidden.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     hidden 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.          
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13.

10、contenteditable - 用于定义内容是否可编辑element/_globalAttributes/contenteditable.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     contenteditable 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     我是可以编辑的，试试看
     
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

11、contextmenu - 指定上下文菜单的数据源element/_globalAttributes/contextmenu.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     contextmenu 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.          
    10. 
  
  
  
  10.          
    11. 
  
  
  
  11.              
    12. 
  
  
  
  12.              
    13. 
  
  
  
  13.              
    14. 
  
  
  
  14.                  
    15. 
  
  
  
  15.                  
    16. 
  
  
  
  16.              
    17. 
  
  
  
  17.          
    18. 
  
  
  
  18.      
    19. 
  
  
  
  19.      
    20. 
  
  
  
  20.      
    21. 
  
  
  
  21.          
    22. 
  
  
  
  22.             
  23.  
    24. 
  
  
  
  24.                  
    25. 
  
  
  
  25.                      
    26. 
  
  
  
  26.                         New... 
    27. 
  
  
  
  27.                      
    28. 
  
  
  
  28.                         Open... 
    29. 
  
  
  
  29.                      
    30. 
  
  
  
  30.                         Save 
    31. 
  
  
  
  31.                      
    32. 
  
  
  
  32.                         Save as... 
    33. 
  
  
  
  33.                  
    34. 
  
  
  
  34.             
    35.  
  
  
  
  35.             
  36.  
    37. 
  
  
  
  37.                  
    38. 
  
  
  
  38.                      
    39. 
  
  
  
  39.                         Copy 
    40. 
  
  
  
  40.                      
    41. 
  
  
  
  41.                         Cut 
    42. 
  
  
  
  42.                      
    43. 
  
  
  
  43.                         Paste 
    44. 
  
  
  
  44.                  
    45. 
  
  
  
  45.             
    46.  
  
  
  
  46.             
  47.  
    48. 
  
  
  
  48.                  
    49. 
  
  
  
  49.                     
  50. Help
    51.  
  
  
  
  51.                     
  52. About
    53.  
  
  
  
  53.                  
    54. 
  
  
  
  54.             
    55.  
  
  
  
  55.          
    56. 
  
  
  
  56.      
    57. 
  
  
  
  57.  
    58. 
  
  
  
  58.  
    59.

12、draggable - 元素是否可拖拽；dropzone - 拖放的目标元素（可承载被拖拽元素的元素）element/_globalAttributes/draggable_dropzone.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     draggable dropzone 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.     关于 draggable 和 dropzone 的详细说明，参见 /other/drag_drop 
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10.

[源码下载]

原文链接：http://www.cnblogs.com/webabcd/archive/2012/02/02/2335318.html


当前文章：HTML5深入浅出教学篇之五
本文链接：http://gydahua.com/article/dhssdjg.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

其他资讯

行业动态

企业网站建设的重要性！

现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...

服务项目

联系吧 在百度地图上找到我们

电话：13518219792

如遇占线或暂未接听请拨：136xxx98888

业务咨询 技术咨询 售后服务
网站设计
成都网站设计
定制网站设计
成都网站设计
重庆网站设计
网站制作
广安网站制作公司
重庆网站制作
手机网站制作设计
成都商城网站制作
联系我们
电话：13518219792
邮箱：631063699@qq.com
地址：成都青羊区锦天国际1002号
网址：www.gydahua.com
网站建设
成都网站建设
温江网站建设
成都网站建设
成都门户网站建设

微信二维码

Copyright © 2002-2023 www.gydahua.com 快上网建站品牌 QQ：244261566 版权所有 备案号：蜀ICP备19037934号