zoukankan      html  css  js  c++  java
  • 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]

  • 相关阅读:
    个人冲刺(八)
    记账本典型用户和使用场景分析
    第九周进度总结
    个人冲刺(七)
    解密微信sqlite数据库
    读取文件内容时,显示的内容明显少于文本长度
    sqlcipher 数据库解密
    Win7系统的虚拟机中安装win7系统
    NSIS笔记
    vector list map set等容器某些函数的使用区别
  • 原文地址:https://www.cnblogs.com/double405/p/5121954.html
Copyright © 2011-2022 走看看