好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

小强的HTML5移动开发之路(13)——HTML5中的全局属性

一、accssskey 快捷键

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a><br />  
<a href="http://blog.csdn.net/column/details/android-growup.html" accesskey="g">Android菜鸟的成长笔记</a>  
  
<p><b>注释:</b>请使用 Alt + <i>accessKey</i> 来访问带有快捷键的元素。</p>  
  
</body>  
</html> 

有兴趣的朋友可以按住Alt + g 和 Alt + w试一下

小强的HTML5移动开发之路
Android菜鸟的成长笔记

注释:请使用 Alt + accessKey 来访问带有快捷键的元素。

该标签在HTML4和HTML5之间没有差异。

二、class 属性,规定元素类名

<!DOCTYPE HTML>  
<html>  
<head>  
<style type="text/css">  
h1.intro {color:blue;}  
p.important {color:green;}  
</style>  
</head>  
<body>  
  
<h1 class="intro">Header 1</h1>  
<p>A paragraph.</p>  
<p class="important">请注意这个重要的段落。:)</p>  
  
</body>  
</html> 

三、contenteditable 属性规定是否可编辑元素的内容

<!DOCTYPE HTML>  
<html>  
<body>  
  
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>  
  
</body>  
</html> 

这是一段可编辑的段落。请试着编辑该文本。

contenteditable 属性是 Html5 中的新属性

四、contextmenu 属性为元素规定上下文菜单。这个菜单会在用户右键点击元素时出现

目前没有任何主流浏览器支持 contextmenu 属性。

<!DOCTYPE html>  
<html>  
<body>  
  
<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>    
  
<menu id="supermenu">  
  <command label="Step 1: Write Tutorial" onclick="doSomething()">  
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">  
</menu>  
  
<p><b>注释:</b>目前的主流浏览器都不支持 contextmenu 属性。</p>  
  
</body>  
</html 

五、dir 属性规定元素内容的文本方向。

<p dir="rtl">Write this text right-to-left!</p> 

值 描述

ltr 从左向右的文本方向。

rtl 从右向左的文本方向。

auto 让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。

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

值 描述

true 规定元素是可拖动的。

false 规定元素是不可拖动的。

auto 使用浏览器的默认特性。

目前只有 Firefox、Chrome 以及 Safari 支持 draggable 属性。

七、dropzone 属性规定当被拖动的数据在拖放到元素上时,是否被复制、移动或链接。

目前没有任何主流浏览器支持 dropzone 属性。

八、hidden 属性规定对元素进行隐藏。

hidden 属性是 HTML5 中的新属性。

九、id 属性规定 HTML 元素的唯一的 id

<html>  
<head>  
<script type="text/javascript">  
function change_header()  
{  
document.getElementById("myHeader").innerHTML="Nice day!";  
}  
</script>  
</head>  
  
<body>  
<h1 id="myHeader">Hello World!</h1>  
<button onclick="change_header()">改变文本</button>  
</body>  
  
</html> 

spellcheck 属性是 HTML5 中的新属性。

十二、style 属性规定元素的行内样式(inline style)HTML4和HTML5无差异
十三、tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序。

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://HdhCmsTestw3school测试数据.cn/" tabindex="2">W3School</a><br />  
<a href="http://HdhCmsTestgoogle测试数据/" tabindex="1">Google</a><br />  
<a href="http://HdhCmsTestmicrosoft测试数据/" tabindex="3">Microsoft</a>  
  
</body>  
</html> 

十四、title 属性规定关于元素的额外信息

<!DOCTYPE HTML>  
<html>  
<body>  
  
<p><abbr title="世界卫生组织">WHO</abbr> 成立于 1948。</p>  
<p title="免费的 Web 教程">W3School测试数据.cn</pl>  
  
</body>  
</html> 

以上就是 小强的HTML5移动开发之路(13)——HTML5中的全局属性的内容,更多相关内容请关注PHP中文网(HdhCmsTestgxlcms测试数据)!

查看更多关于小强的HTML5移动开发之路(13)——HTML5中的全局属性的详细内容...

  阅读:40次