HTML页面内容

转载出自:http://www.w3cschool.cn/html/html-css-content.html


介绍了  article、hgroup、section、nav、details、summary、aside、headers、footers等标签

<!DOCTYPE html>

<html>
<head>
    <title></title>
</head>
<body>
    <!--article:文章,表示自包含HTML文档中的内容-->    
    <!--hgroup:包含一组标题标签-->
    <!--section:小节,用于包含内容将在文档的大纲或目录中列出。 -->
    <!--nav:导航,表示文档的一个部分包含到其他页面或同一页面的其他部分的链接。-->
    <!--details:细节,用户可以展开该节以获取有关主题的更多详细信息。-->
    <!--summary:总结-->
    <!--aside: 在一边,一旁的。相关文章或新闻-->
    <!--Headers Footers:元素表示节的标题和页脚-->
    <article>
        <header>
            <hgroup>
                <h1 id="fruitsilike">H1Like</h1>
                <h2>H2</h2>
            </hgroup>
        </header>
        This is a test.
        <section>
            <p>This is a test.</p>
            <details>
                <summary>Summary</summary>
                <ol>
                    <li>XML</li>
                    <li>HTML</li>
                    <li>CSS</li>
                </ol>
            </details>
        </section>
        <footer>
            <nav>
                Nav
            </nav>
        </footer>
        <aside>
            <h1>Why</h1>
            <section>
                This is a test:
                <ol>
                    <li>HTML</li>
                    <li>CSS</li>
                    <li>Javascript</li>
                </ol>
            </section>
        </aside>
    </article>
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值