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深入浅出教学篇之五
URL分享：http://www.shufengxianlan.com/qtweb/news44/357244.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

动态网站知识

分类信息网站

四川成都网站建设　　 　雅安移动机房　　 　成都网站建设推广　　 　名片　　 　网站定制　　 　成都网站制作　　 　自贡主机托管　　 　网站收录　　 　做网站价格　　 　成都众诚伟业　　 　发电机组维修保养　　 　重庆水土三线托管　　 　成都橡塑保温板　　 　成都租用服务器　　 　响应式报价　　 　企业邮箱　　 　成都展柜制作　　 　成都网站制作　　 　成都模板网站　　 　胜锦安防科技