HTML——非主体结构元素

YTC_040518

于 2024-09-25 13:49:54 发布

阅读量210

点赞数 5

文章标签： html 前端

本文链接：https://blog.csdn.net/YTC178/article/details/142520474

版权

1.header元素

放置整个页面或页面内的一个内容区块的标题，也可以包含其内容，如搜索表单或相关的logo图片。

<header>
    <h1>页面标题</h1>
</header>
<article>
    <header>
    <h1>文章标题</h1>
    </header>
    <p>文章</p>
</article>

2.hgroup元素

对标题及其子标题进行分组的元素。hgroup元素通常会对h1~h6 元素进行分组，例如将一个内容区块的标题及其子标题算作一个组。

如果文章只有一个主标题，则不需要 hgroup元素。如下：

<article>
    <header>
        <h1>文章标题</h1>
    <p><time datetime="2023-03-26">2023年3月26日</p>
    </header>
    <p>文章正文</p>
</article>

如果文章有主标题，主标题下有子标题，就需要使用hgroup元素。如下：

<article>
    <header>
    <hgroup>
        <h1>文章主标题</h1>
        <h1>文章子标题</h1>
    </hgroup>
    <p><time datetime="2023-03-26">2023年3月26日</p>
    </header>
    <p>文章正文</p>
</article>

3.footer元素

一个页面中不限制footer元素的个数。同时可以为 article元素或 section元素添加footer元素

4.address元素

用于定义当前的 article元素或文档的作者或拥有者，但不应该使用 address 元素来描述邮政地址。

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>文章内部的aside元素实例</title>
</head>
<body>
<footer>
    <div>
        <address>
            <a href="http://blog.***.com.cn/damai571" title="作者：大麦">大麦</a>
        </address>
        发表于<time datetime="2023-02-27">2023年-2月27日</time>
    </div>
</footer>
</body>