浅谈html5增强的页面元素

发布时间：2022-12-31 08:11:25 来源：互联网

.

最高的道德就是不断地为人服务，为人类的爱而工作。相信自已。不要妄加评判自已，也不会把自已交给别人评判，更不会贬低自已。

浅谈html5增强的页面元素

XML/HTML Code复制内容到剪贴板

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>浅谈html5增强的页面元素</title>
</head>
<body>
<figure>
<imgsrc="img/QQ截图20160103144626.png"alt="图片"/>
<imgsrc="img/webp.jpg"alt="图片"width="211"height="191"/>
<figcaption>我的图片组合</figcaption>
</figure><br/>
<detailsid="details"ontoggle="detailfn(this)"style="cursor:pointer;">
<summary>精武风云</summary>
<pid="p"style="visibility:hidden;">陈真（甄子丹饰）当年为报杀师之仇，独闯虹口道场。。。</p>
</details><br/>
<mark>html5</mark>的高亮显示<br/>
<section>
<h2>progress元素的使用实例</h2>
<p>完成的百分比<progressid="p"max="100"><span>0</span>%</progress></p>
</section><br/>
<p>磁盘使用量：<metervalue="40"min="0"max="160">40/160</meter>GB</p><br/>
<inputtype="button"value="打开对话框"onclick="document.getElementById('dg').show();"/>
<inputtype="button"value="打开对话框showModal"onclick="document.getElementById('dg').showModal();"/>
<dialogid="dg"style="width:15%;text-align:center;">
<form>
<labelfor="txtName"value="用户名："></label>
<inputtype="text"id="txtName"/><br/>
<labelfor="pwd"value="密码："></label>
<inputtype="text"id="pwd"/><br/>
<inputtype="button"value="登录"/>
<inputtype="button"value="关闭"onclick="document.getElementById('dg').close();"/>
</form>
</dialog><br/><hr/>
<arel="nofollow noopener noreferrer" href="img/QQ截图20160103144626.png"download="文件名"><imgsrc="img/QQ截图20160103144626.png"/></a><br/>
<h3>start与reversed实例</h3>
<olstart="5"reversed="">
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
<li>内容5</li>
</ol><br/>
术语解释：
<dl>
<dt>rss</dt>
<dt>rss也叫聚合rss是在线共享内容的一种简易方式（也叫聚合内容）</dt>
</dl><br/>
<p>最近上映的<cite>美国队长3</cite>这个电影不错！</p><br/>
</body>
</html>