HTML5技术

HTML5初学 - YYNSunny

字号+ 作者:H5之家 来源:H5之家 2017-05-21 14:04 我要评论( )

一、标签 1.新增标签 (1)进度条--Prograss h3Prograss/h3 progress max="100" value="85" span85/span "%" /progress (2)下拉条目-details h3details/h3 details open summaryMacBook Pro Specification/summary ul li12-iucb LED-backlit glossy widesc

一、标签

  1.新增标签

  (1)进度条--Prograss

     <h3>Prograss</h3>
     <progress max="100" value="85">
       <span>85</span>
        "%"
     </progress>

  

  (2)下拉条目-details

    <h3>details</h3>
    <details open>
      <summary>MacBook Pro Specification</summary>
      <ul>
        <li>12-iucb LED-backlit glossy widescreen display with edge</li>
        <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
        <li>12-iucb LED-backlit glossy widescreen display with edge</li>
        <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
        <li>12-iucb LED-backlit glossy widescreen display with edge</li>
        <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
      </ul>
    </details>

  (3)datalist--对输入内容做提示

  <h3>datalist</h3>
    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
       <input list="cars"/>
       <datalist>
          <option value="BMU"></option>
          <option value="Ford"></option>
          <option value="Volvo"></option>
       </datalist>
    </form>

  

  (4)ruby--注释(rt表示注释内容,可标注拼音;rp表示浏览器不支持时该如何显示)

  <h3>ruby</h3>
    <ruby>
     "姚"
     <rt>yao</rt>
     <rp>"女兆"</rp>
    </ruby>  

  

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5支持服务器发送事件(Server-Sent Events)-单向消息传递数据推送(C#示例) - 熊仔其人

    HTML5支持服务器发送事件(Server-Sent Events)-单向消息传递数据推送

    2017-05-19 11:02

  • HTML5的表单所有type类型 - 菩提树下的小乌龟

    HTML5的表单所有type类型 - 菩提树下的小乌龟

    2017-05-16 11:05

  • html5的localstorage详解 - 风雨后见彩虹

    html5的localstorage详解 - 风雨后见彩虹

    2017-05-09 13:00

  • html5的web存储详解 - Cythia-milk

    html5的web存储详解 - Cythia-milk

    2017-05-04 16:00

网友点评