<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
progress{
background: red;
}
datalist{
display: none;
}
</style>
</head>
<body>
<figure>
<img src="img/1.jpg" />
<figcaption>猕猴桃</figcaption>
</figure>
<progress max="100" value="0" id="prog"></progress>
<meter min="0" max="45" value="36" low="35" high="38" optimum="37 ">
</meter>
<input type="text" list="mylist">
<datalist id="mylist">
<option>玄武</option>
<option>老鼠</option>
<option>小狗</option>
<option>小猫</option>
<option>小鸡</option>
</datalist>
<ruby>
犇<rt>ben</rt><rp>ben</rp>
</ruby>
<p><mark>神奇</mark>马克</p>
<time>2016.5.21</time>
<p>H5是每天的晚上 <time>8：30</time>上课</p>
<p>今天是<time datetime="2016.05.25">我爱你</time>节日</p>
<details>
<summary>521</summary>
<p>今天是521(我爱你)节日</p>
</details>
<span oncontextmenu="text">点击我试试</span>
<menu type="context" id="text"></menu>
<menuitem label="521我爱你" icon="img/0.jpg" onclick="alert("你也爱我吗？")"></menuitem>
<script>
var prog = document.getElementById('prog');
setInterval(function(){
prog.value+=1;
},100);
</script>
</body>
</html>