HTML5+CSS3

最新推荐文章于 2021-12-20 17:56:47 发布

lia17

最新推荐文章于 2021-12-20 17:56:47 发布

阅读量116

点赞数

本文链接：https://blog.csdn.net/lia17/article/details/79489644

版权

HTML5新的网页结构

<header>元素：表示页面中的一个内容区域或整个页面的题材

<nav>元素：表示页面中的导航链接部分

<article>元素：表示页面的一块与上下文不相关的内容，比如一片文章中的文章

<section>元素：表示页面的一个内容区块，例如页眉和页脚等

<aside>元素：表示和内容相关的辅助信息，article元素的内容之外的

<footer>元素：表示页面的或者页脚

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <div></div>
</head>
<body>

<article>
    <header>
        <h1>我是article</h1>
        <p>创建时间：<time pubdate="pubdate">2018/2/7</time></p>
    </header>
    <p>
        <b>Article</b>是一个独立的区域
    </p>
    <section>
        <h2>读者评论</h2>
        <article>
            <header>
                <h3>读者：芽</h3>
                <p>
                    <time pubdate datetime="2018/02/07T23:00">2小时前</time>
                </p>


            </header>
            <P>文章很好！</P>
        </article>
        <article>
            <header>
                <h3>读者：小行星</h3>
                <p>
                    <time pubdate datetime="2018/02/07T23:00">2小时前</time>
                </p>


            </header>
            <P>文章很好！</P>
        </article>
    </section>
        <footer>
            <p><small>版权归我所有</small></p>
        </footer>
</article>
</body>
</html>

结果：

lia17

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5+CSS3

HTML5新的网页结构&lt;header&gt;元素：表示页面中的一个内容区域或整个页面的题材&lt;nav&gt;元素：表示页面中的导航链接部分&lt;article&gt;元素：表示页面的一块与上下文不相关的内容，比如一片文章中的文章&lt;section&gt;元素：表示页面的一个内容区块，例如页眉和页脚等&lt;aside&gt;元素：表示和内容相关的辅助信息，article元素的内容之...
复制链接

扫一扫