新增和改良的页面元素

ol元素,dl元素

<body>
    
    
    <ol start="4" reversed>
        <li>列表一li>
        <li>列表二li>
        <li>列表三li>
        <li>列表四li>
    ol>

    
    <dl>
        <dt>Hellodt>
        <dd>你好就是hellodd>
    dl>

    
        
    <h3>cite元素h3>
    <p>广州大学 <cite>华软软件学院cite>p>

    
    <p> 广州大学<small>华软软件学院small>p>

body>
html>

progress元素和meter元素

<body>
    
        
        
    <section>
        <h2>progress元素的使用h2>
        <p>完成的百分比<progress id="p" max="100" style="background-color: aqua"><span>0span>%progress>p>
        <input type="button" onclick="btn()" value="点击"/>
    section>


    
    <meter value="40" min="0" max="100" low="10" high="90" optimum="80">meter>
    <meter>40/100meter>


    <script>
        function btn() {
           var i = 0;
            function thread_one() {
                if(i <= 100) {
                    i++;
                    updateprogress(i);
                }
            }
            setInterval(thread_one,100);
        }
        function updateprogress(newValue) {
            var progressBar = document.getElementById("p");
            progressBar.value = newValue;
            progressBar.getElementsByTagName("span")[0].textContent = newValue;
        }
    script>
body>

你可能感兴趣的:(HTML5)