HTML5新增标签

• [sourcecode language="plain"]<h3>mark</h3>
  <p>Do not forget to buy <mark>milk</mark> today.</p>

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

  <h3>time</h3>
  发布日期：<time datetime="2015-7-29T15:50">15:50</time>
  更新日期：<time datetime="2015-7-29:16:00" pubdate>16:00</time>

  <h3>ruby</h3>
  <ruby>
  漢
  <rt>这里是注释</rt>
  <rp>汉（这里是不支持时显示）</rp>
  </ruby>

  <h3>wbr</h3>
  <p>如果想学习 AJAX, 那么必须熟悉 XML<wbr></wbr>HttpRequest 对象。</p>

  <h3>canvas</h3>
  <canvas id="myCanvas"></canvas>
  <script type="text/javascript">
  var canvas = document.getElementByIdx_x("myCanvas");
  canvas.style.width = "200px";
  canvas.style.height = "200px";
  var ctx = canvas.getContext("2d");
  ctx.fillStyle = "red";
  ctx.fillRect(0, 0, 80, 100);
  </script>

  <h3>conmmand</h3>
  <menu>
  <conmmand onclick="alert('Hello World!')"></conmmand>
  Click Me!
  </menu>

  <h3>details</h3>
  <details open>
  <summary>MacBook Pro Specification</summary>
  <ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
  </ul>
  </details>

  <h3>datalist</h3>
  <form>
  <input id="myCar" list="car">
  <datalist id="car">
  <option value="BMW"></option>
  <option value="Ford"></option>
  <option value="Volvo"></option>
  </datalist>
  </form>

  <h3>keygen</h3>
  <form action="demo_keygen" method="get">
  Username:
  <label>
  <input type="text" />
  </label>
  <keygen name="security">
  <input type="submit">
  </form>

  <h3>output</h3>
  <form oninput="x.value = parseInt(a.value) + parseInt(b.value)">
  0
  <input type="range" id="a" value="50">
  100+
  <input type="number" id="b" value="50">
  =
  <output name="x" for="a b"></output>
  </form>

  <h3>menu</h3>
  <menu type="toobar">
  <li type="checkbox">Red</li>
  <li type="checkbox">Blue</li>
  </menu>
  [/sourcecode]