极客学院的前端课程（五）

最新推荐文章于 2018-09-14 15:39:28 发布

garrulousabyss

最新推荐文章于 2018-09-14 15:39:28 发布

阅读量173

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/garrulousabyss/article/details/80875312

版权

前端专栏收录该内容

45 篇文章 1 订阅

订阅专栏

2.9.2 新增的元素和废除的元素，以及新增的属性和废除的属性

2.9.3 全局属性

2.10.1 article元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>article元素</title>
</head>
<body>
    <article>
        <header>
            <h1>极客学院</h1>
            <p>hello,欢迎来到极客学院</p>
        </header>
        <article>
            <header>
                作者
            </header>
            <p>评论
            </p>
            <footer>
                time
            </footer>
        </article>
        <footer>
            <p>这是底部</p>
        </footer>
    </article>

    <article>
        <h1>这是一个内嵌页面</h1>
        <object>
            <embed src="#" width="600" height="400"></embed>
        </object>
    </article>
</body>
</html>

2.10.2 section元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <section>
        <h1>苹果</h1>
        <p>这是一个水果，可以吃。而且很好吃。</p>
    </section>

    <article>
        <h1>苹果</h1>
        <p>这是一个水果，可以吃。而且很好吃。</p>
        <section>
            <h2>红富士</h2>
            <p>这是一种外表很红的苹果，吃起来也不错</p>
        </section>
        <section>
            <h2>国光</h2>
            <p>这是一种外表很红的苹果，吃起来也不错</p>
        </section>
    </article>

    <section> <!-- section元素强调分段或分块，article元素强调独立性-->
            <!-- 不要将section元素，作为设置样式的元素，因为那是div的工作-->
        <h1>水果</h1>
        <article>
            <h2>苹果</h2>
            <p>内容</p>
        </article>

    </section>
</body>
</html>