自学HTML5第一天(认识HTML5的全局属性)
contextmenu 属性
规定 <div> 元素的上下文菜单。上下文菜单会在用户右键点击元素时出现。列子:
<divcontextmenu="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的全局属性)的更多相关文章
- html5中的全局属性
在html5中,新增了一个"全局属性"的概念,所谓全局属性,是指可以对任何属性都使用的属性.下面列出常用的全局属性. 1.contentEditable属性,是微软开发的,该属性主 ...
- HTML5全局属性汇总
局部属性和全局属性 局部属性:有些元素能规定自己的属性,这种属性称为局部属性.比如link元素,它具有的局部属性有href. rel. hreflang. media. type. sizes这六个. ...
- HTML5全局属性和事件详解
属性: HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML5 元素. 属性 描述 contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素 ...
- HTML5第一讲
第一回合:什么是HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTM ...
- html5全局属性
全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx" ...
- HTML5全局属性和事件
全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件. 属性: HTML5属性能够赋给标签元素含义和语 ...
- 【我的前端自学之路】【HTML5】.html和.htm的区别
以下为自学笔记内容,仅供参考. 转发请保留原文链接:https://www.cnblogs.com/it-dennis/p/10508171.html .htm 和 .html 的区别 .htm 和 ...
- HTML5中新增加的结构元素、网页元素和全局属性
HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header ...
- HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》)
contentEditable ———————————————————————————————————————————————————————— 功能:允许用户编辑元素中的内容. 功能说明: ...
随机推荐
- Git 添加空文件夹的方法
转自stackoverflow: http://stackoverflow.com/questions/115983/how-do-i-add-an-empty-directory-to-a-git- ...
- JavaScript的异步操作
http://sporto.github.io/blog/2012/12/09/callbacks-listeners-promises/
- 移动网页版Meta 标签
viewport 大部分移动浏览器都接受,比如 Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox 最基本的例子,在 ...
- 类型 - PHP手册笔记
类型简介 PHP 支持 8 种原始数据类型. 四种标量类型: boolean(布尔型,不区分大小写) integer(整型) float(浮点型,也称作double) string(字符串) 两种复合 ...
- multiprocessing跨平台锁的使用(Windows问题)
在Windows上可能遇到,开启的子进程不会关闭的问题 参考multiprocessing官方文档: Explicitly pass resources to child processes On U ...
- UVA 12563 Jin Ge Jin Qu hao
dp-背包 开始用普通dp写了一发发现没法确定最大时间... 后来看到大牛机智的写法,嗯...dp表示当前状态能否成立:然后从条件最好的状态开始遍历,直到这个状态成立然后退出遍历. 具体的看代码吧.. ...
- Python httplib学习
httplib是python中http协议的客户端实现,可以使用该模块与HTTP服务器进行交互. 如示例1: import httplib url = "www.126.com"c ...
- MYSQL select ....outfile.....from.....
select .... outfile 'file_path' fields terminate by '\t' lines terminate by '\r\n' from table_name; ...
- 从setTimeout到浏览器线程机制
看高性能javascipt 这本书时,看到这么一句话: Putting scripts at the top of the page in this way typically leads to a ...
- QT:“下载速度柱状图”的模拟实现——思路真好,会动脑筋,连我都有了启发(这个思路好像是通用的)
不知是哪个版本的迅雷,有个“下载速度柱状图”的小界面,我比较喜欢(只不过最新版本的迅雷却没了),所以决定来山寨一个.当然,这个山寨品不能下载文件,呵呵. 思路:1:将界面的背景涂成黑色2:每隔0.1秒 ...