首页 > 代码库 > 自学HTML5第一天(认识HTML5的全局属性)
自学HTML5第一天(认识HTML5的全局属性)
contextmenu 属性
规定 <div> 元素的上下文菜单。上下文菜单会在用户右键点击元素时出现。列子:
<div contextmenu="mymenu"
> <menu type="context" id="mymenu"> <menuitem label="Refresh"></menuitem> <menuitem label="Twitter"></menuitem> </menu></div>
注释:目前只有 Firefox 支持 contextmenu 属性。
contenteditable 属性
一段可编辑的段落
<p contenteditable="true|false"
>这是一个可编辑的段落。</p>
data-* 属性
使用 data-* 属性来嵌入自定义数据:
<ul><li data-animal-type="bird">Owl</li><li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul>
draggable 属性
一个可拖动的段落:
<p draggable="true|false"
>这是一个可拖动的段落。</p>
dropzone 属性
规定在拖动被拖动数据时是否进行复制、移动或链接。拖动数据会产生被拖动数据的副本:
<div dropzone="copy"></div>
值 | 描述 |
---|---|
copy | 拖动数据会产生被拖动数据的副本。 |
move | 拖动数据会导致被拖动数据被移动到新位置。 |
link | 拖动数据会产生指向原始数据的链接。 |
hidden 属性
被隐藏的段落
<p hidden
>这个段落应该被隐藏。</p>
spellcheck 属性
进行拼写检查的可编辑段落:
<p contenteditable="true" spellcheck="true |false"
>这是一个段落。</p>
translate 属性
规定是否应翻译某些元素:
<p translate="no">请勿翻译本段。</p><p>本段可被译为任意语言。</p> //默认是yes
非HTML5特有的很有用的全局属性
tabindex 属性
带有指定 tab 键顺序的链接
<a href="http://www.w3school.com.cn/" tabindex="2"
>W3School</a><a href="http://www.google.com/" tabindex="1"
>Google</a><a href="http://www.microsoft.com/" tabindex="3"
>Microsoft</a>
title 属性
鼠标移上时的提示信息
<abbr title="People‘s Republic of China">PRC</abbr> was founded in 1949.<p title="Free Web tutorials">W3School.com.cn</p>
accesskey 属性
带有指定快捷键的超链接:
<a href="http://www.w3school.com.cn/html/"accesskey="h"
>HTML</a><br /><a href="http://www.w3school.com.cn/css/"accesskey="c"
>CSS</a>
注释:以下元素支持 accesskey 属性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
自学HTML5第一天(认识HTML5的全局属性)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。