HTML 5 全局属性 

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>全局属性</title>
    </head>

    <body>
        <h2>可编辑的列表</h2>
        <!--将本来不可编辑的 变成可编辑-->
        <ul contenteditable="true">
            <li>列表1</li>
            <li>列表2</li>
            <li>列表3</li>
        </ul>

        <!--hidden隐藏属性-->
        <input type="text" hidden="true" /><br />

        <!--拼写检查-->
        <input type="text" spellcheck="true" placeholder="拼写检查" /><br />

        <!--draggable允许拖动-->
        <input type="text" draggable="true" placeholder="允许拖动" />

        <br /><br /><br /><br /><br />
        
        <!--文章元素-->
        <article>
            <header>
                <h1>文章标题</h1>
            </header>
            <p>文章内容，啦啦啦啦啦啦啦啦</p>
            <footer>
                <p>
                    这是底部
                </p>
            </footer>
        </article>

        <!--article元素也可以代表插件，可以内嵌页面-->
        <article>
            <h1>内嵌页面</h1>
            <object>
                <embed src="#" width="800" height="600"></embed>
            </object>
        </article>
    </body>

</html>

 

posted @ 2015-08-29 16:10  燕闪硕  阅读(198)  评论(0)  编辑  收藏  举报