1、accesskey 属性 ： 规定激活元素的快捷键。

浏览器支持：几乎所有浏览器均 accesskey 属性，除了 Opera。

定义和用法

accesskey 属性规定激活（使元素获得焦点）元素的快捷键。

提示和注释

注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。

语法：

<element accesskey="character">

eg:
<a href="https://www.google.com" accesskey="h">google</a><br />
<a href="https://www.baidu.com" accesskey="c">baiDu</a>

注释：请使用Alt + accessKey (或者 Shift + Alt + accessKey) 来访问带有指定快捷键的元素。
（用处：可以满足快捷键的一些需求）

2、HTML contenteditable 属性：规定元素内容是否可编辑。

浏览器支持：所有主流浏览器都支持 contenteditable 属性。

定义和用法

contenteditable 属性规定元素内容是否可编辑。

注释：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。

语法

<element contenteditable="true|false">

eg:
<p contenteditable="true">这是一个可编辑的段落。</p>




（用处：可以做文本编辑器）


3、HTML contextmenu 属性：规定元素的上下文菜单。上下文菜单在用户点击元素时显示。


浏览器支持：目前只有 Firefox 支持 contextmenu 属性。（但是我试了火狐也不行）


定义和用法


contextmenu 属性规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单。


contextmenu 属性的值是要打开的 <menu> 元素的 id。


语法


<element contextmenu="menu_id">
eg:
在火狐上面实验 无效（知道原因的朋友可以告诉我）

4、HTML draggable 属性：规定元素是否可拖动。


浏览器支持：Internet Explorer 8 以及更早的版本，不支持 draggable 属性。


定义和用法


draggable 属性规定元素是否可拖动。


提示：链接和图像默认是可拖动的。


语法


<element draggable="true|false|auto">


eg:


<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
    </style>
    <script type="text/javascript">
        function allowDrop(ev)
        {
            ev.preventDefault();
        }

        function drag(ev)
        {
            ev.dataTransfer.setData("Text",ev.target.id);
        }

        function drop(ev)
        {
            var data=ev.dataTransfer.getData("Text");
            ev.target.appendChild(document.getElementById(data));
            ev.preventDefault();
        }
    </script>
</head>
<body>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br />
<p id="drag1" draggable="true" ondragstart="drag(event)">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>

</body>
</html>






目前觉得这四个给我带来的惊喜比较大，平时用的也比较少，以后会用到，
除了这几个，其余的属性比如class   id  lang   这些都很常用，
还有一些浏览器支持很差的属性这里就不说了

												


											
HTML中令人惊喜的全局属性的更多相关文章
	

    
								
  1. html5中的全局属性
		
    在html5中,新增了一个"全局属性"的概念,所谓全局属性,是指可以对任何属性都使用的属性.下面列出常用的全局属性. 1.contentEditable属性,是微软开发的,该属性主 ...
    
		
    2. 
						
  2. HTML5中新增加的结构元素、网页元素和全局属性
		
    HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header ...
    
		
    3. 
						
  3. HTML中的全局属性
		
    一.全局属性和局部属性 每种元素都有自己规定的属性,这种属性成为局部属性.还有另外一种属性,他可以用来配置所有元素的共有行为,这种属性成为称为全局属性.全局属性可以用在任何一个元素身上,但是不一定会带 ...
    
		
    4. 
						
  4. html5中常见的全局属性
		
    1.contentEditable属性 1.功能说明 (1)功能:允许用户编辑元素中的内容 (2)说明:是一个布尔值,false是不能编辑,true为可编辑 该元素还隐藏一个inherit状态  也是 ...
    
		
    5. 
						
  5. 原生JS：全局属性、全局方法详解
		
    全局属性.全局方法 原创文章,转摘请注明出处:苏福:http://www.cnblogs.com/susufufu/p/5853342.html 首先普及几个我总结的非常实用又很基础的知识:(呵呵,仅 ...
    
		
    6. 
						
  6. HTML5全局属性和事件详解
		
    属性: HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML5 元素. 属性 描述 contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素 ...
    
		
    7. 
						
  7. HTML的16个全局属性
		
    前面的话 在HTML中,属性能表达相当丰富的语义,而且属性也会额外提供很多实用的功能,HTML共支持16个常见的全局属性. HTML原有属性 accesskey 作用:浏览器用来创建激活或聚焦元素的快 ...
    
		
    8. 
						
  8. html5全局属性
		
    全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx" ...
    
		
    9. 
						
  9. HTML5全局属性和事件
		
    全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件.   属性:   HTML5属性能够赋给标签元素含义和语 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Jquery - 添加属性、添加class、添加Css
			
    一.设置属性: 方式一  jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image&q ...
    
			
    2. 
						
  2. 「NOI2018」屠龙勇士（EXCRT）
			
    「NOI2018」屠龙勇士(EXCRT) 终于把传说中 \(NOI2018D2\) 的签到题写掉了... 开始我还没读懂题目...而且这题细节巨麻烦...(可能对我而言) 首先我们要转换一下,每次的  ...
    
			
    3. 
						
  3. C++随机数引擎
			
    C++的随机数引擎有以下几个要点需要注意:  1.随机数发生器使用同一种子会生成相同序列的随机数序列 2.为了让程序每次运行都会生成不同的随机结果,我们可以使用 time(0) 产生一个随机数种子 3 ...
    
			
    4. 
						
  4. 课程四(Convolutional Neural Networks)，第一周（Foundations of Convolutional Neural Networks） —— 0.Learning Goals
			
    Learning Goals Understand the convolution operation Understand the pooling operation Remember the vo ...
    
			
    5. 
						
  5. hashcode和equals方法的区别和联系
			
    说到 hashcode就要和Java中的集合,HashSet,HashMap 关系最为密切. 首先附录两张Java的集合结构图: 图二:(上图的简化版) 从Set集合的特点说起 & Set是如 ...
    
			
    6. 
						
  6. 从零开始学 Web 之 jQuery（七）事件冒泡，事件参数对象，链式编程原理
			
    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
    
			
    7. 
						
  7. Java 范例 - 字节处理
			
    前言 Java 编程中常会遇到需要进行字节处理的地方,本篇文章就来探讨编程中会遇到的字节处理问题. 字节序 字节序(endianness)是对于多字节数据来说的,它描述了多字节数据存储的顺序,分为大端 ...
    
			
    8. 
						
  8. Django+JWT实现Token认证
			
    对外提供API不用django rest framework(DRF)就是旁门左道吗? 基于Token的鉴权机制越来越多的用在了项目中,尤其是对于纯后端只对外提供API没有web页面的项目,例如我们通 ...
    
			
    9. 
						
  9. Docker数据卷容器备份、恢复
			
    1.备份数据卷容器 使用数据卷来备份数据,通过指定本地的一个文件路径,对应到容器中的路径,运行tar命令将重要的文件打包备份. $ cd /home/xm6f/dev $ docker run --v ...
    
			
    10. 
						
  10. cvte前端笔试后的js原型总结
			
    最近实习生招聘已经开始了,昨天晚上也终于迎来了第一场笔试,笔试的公司是cvte,笔试题总共27题,25道不定项还有2道编程题,虽然出的都是前端题,但是因为之前没有好好准备,还是很多做的不是很好o(╥﹏ ...
    
			
    11.