HTML 5 全局属性

下面的全局属性可用于任何 HTML5 元素。
HTML 5 全局属性
NEW:HTML 5 中新的全局属性。
属性 描述
accesskey        规定访问元素的键盘快捷键
class          规定元素的类名(用于规定样式表中的类)。
contenteditable    规定是否允许用户编辑内容。
contextmenu      规定元素的上下文菜单。
dir            规定元素中内容的文本方向。
draggable        规定是否允许用户拖动元素。
dropzone        规定当被拖动的项目/数据被拖放到元素中时会发生什么。
hidden          规定该元素是无关的。被隐藏的元素不会显示。
id            规定元素的唯一 ID。
lang          规定元素中内容的语言代码。
spellcheck        规定是否必须对元素进行拼写或语法检查。
style          规定元素的行内样式。
tabindex      规定元素的 tab 键控制次序。
title         规定有关元素的额外信息。

<!DOCTYPE html> 
<html> 
<body>
<div style="text-align:center;">
  <button onclick="playPause()">播放/暂停</button> 
  <button onclick="makeBig()">大</button>
  <button onclick="makeNormal()">中</button>
  <button onclick="makeSmall()">小</button>
  <br /> 
  <video id="video1" width="420" style="margin-top:15px;">
    <source src="/example/html5/mov_bbb.mp4" type="video/mp4" />
    <source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
    Your browser does not support HTML5 video.
  </video>
</div>
<script type="text/javascript">
var myVideo=document.getElementById("video1");
function playPause()
{ 
if (myVideo.paused) 
  myVideo.play(); 
else 
  myVideo.pause(); 
}
function makeBig()
{ 
myVideo.width=560; 
}
function makeSmall()
{ 
myVideo.width=320; 
}
function makeNormal()
{ 
myVideo.width=420; 
} 
</body> 
</html>

  

posted @ 2014-08-14 15:47  Emily1130  阅读(326)  评论(0编辑  收藏  举报