浅谈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/> <> <ahref="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>
以上这篇浅谈html5增强的页面元素就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持查字典教程网。
原文地址：http://www.cnblogs.com/qinyi173/archive/2016/06/13/5582194.html