HTML学习第七天（一）

HTML学习第七天（一）

aside元素用来表示当前或文章的附属信息部分，它可以包含与当前页面或主要内容的相关引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <header>js入门</header>
<article>
    <h2>语法</h2>
    <p>文章主体</p>
    <aside>
        <h3>名词解释</h3>
        <p>语法：妇女节的恐惧感不分手的借口v你</p>
    </aside>
</article>
<aside>
    <nav>
        <h2>评论</h2>
        <ul>
            <li><a href="#">时间</a></li>
            <li><a href="#">作者</a></li>
            <li></li>
            <li></li>
        </ul>
    </nav>
</aside>
</body>
</html>

time元素与微格式一起使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <time datetime="2020-02-02">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00+9:00">2020-02-02</time><br/><!-- 在本地不需要加时差 -->
    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/><!-- 使用机器的UTC时间 -->
    <time datetime="2020-02-02T20:00">2020-02-02</time><br>
    <time datetime="2020-02-02">2020-02-02</time><br>
</body>
</html>

pubdate属性：文章或整个网页的发布日期

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <time datetime="2020-02-02">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/>
    <time datetime="2020-02-02T20:00+9:00">2020-02-02</time><br/><!-- 在本地不需要加时差 -->
    <time datetime="2020-02-02T20:00Z">2020-02-02</time><br/><!-- 使用机器的UTC时间 -->
    <time datetime="2020-02-02T20:00">2020-02-02</time><br>
    <time datetime="2020-02-02">2020-02-02</time><br>
    <br>
    <bn/>
    <br/>

<article>
    <header>
        <h2>苹果</h2>
        <p>发布日期
            <time datetime="2020-02-06" pubdate>2020-02-06</time><!-- 当页面存在多个time标签的datetime属性时用pubdata声明标志为页面发布时间 -->
        </p>
        <p>舞会时间
            <time datetime="2020-02-06">2020-02-06</time>
        </p>
    </header>
</article>

</body>
</html>