独闯虹口道常,浅谈html5增强的页面元素

  独闯虹口道常,浅谈html5增强的页面元素
  <imgsrc="img/QQ截图,<inputtype="button"value="打开对话框showModal"onclick=";"/>,<p>最近上映的<cite>美国队长3</cite>这个电影不错!</p><br/>。
  下面小编就为大家带来一篇浅谈html5增强的页面元素。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  <metacharset="UTF-8">
  <title>浅谈html5增强的页面元素</title>
  <!–figure与figcaption:带有可选标题的元素组合–>
  <imgsrc="img/QQ截图.png"alt="图片"/>
  <imgsrc="img/"alt="图片"width="211"height="191"/>
  <figcaption>我的图片组合</figcaption>
  <!–detail与summary元素:用于标示该元素内部的子元素可以展开收缩显示–>
  <detailsid="details"ontoggle="detailfn"style="cursor:pointer;">
  <summary>精武风云</summary>
  <pid="p"style="visibility:hidden;">陈真当年为报杀师之仇,独闯虹口道常。。</p>
  <!–mark:突出显示或高亮显示–>
  <mark>html5</mark>的高亮显示<br/>
  <h2>progress元素的使用实例</h2>
  <p>完成的百分比<progressid="p"max="100"><span>0</span>%</progress></p>
  <!–meter:规定范围内的数量值—>
  <p>磁盘使用量:<metervalue="40"min="0"max="160">40/160</meter>GB</p><br/>
  <!–dialog:对话框,默认隐藏,js控制–>
  <inputtype="button"value="打开对话框"onclick=";"/>
  <inputtype="button"value="打开对话框showModal"onclick=";"/>
  <dialogid="dg"style="width:15%;text-align:center;">
  <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=";"/>
  </dialog><br/><hr/>
  <!–改良的a元素:download属性直接下载–>
  <ahref="img/QQ截图.png"download="文件名"><imgsrc="img/QQ截图.png"/></a><br/>
  <!–ol:改良的start与reversed属性:自定义开始编号与反编号–>
  <h3>start与reversed实例</h3>
  <olstart="5"reversed="">
  <!–dl:定义术语列表:dt表示术语,dd表示定义–>
  <dt>rss也叫聚合rss是在线共享内容的一种简易方式</dt>
  <p>最近上映的<cite>美国队长3</cite>这个电影不错!</p><br/>
  <!–iframe:sandbox属性添加限制增强安全性–>
  <!–script:async与defer属性加快加载速度–>
  

以上这篇浅谈html5增强的页面元素就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
  <title>浅谈html5增强的页面元素</title>,<mark>html5</mark>的高亮显示<br/>,<inputtype="button"value="关闭"onclick=";"/>,<!–改良的a元素:download属性直接下载–>。

评论

电子邮件地址不会被公开。 必填项已用*标注