美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

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://zsjierui.cn/article/dhssdjg.html

其他资讯