<!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中的全局属性的详细内容...