section在html中的用法

作者：昂首向前走，发布日期:2026-04-21 浏览:137

<!-- 示例代码：使用 <section> 标签定义文档中的不同部分 -->

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Section 示例</title>
</head>
<body>

<header>
    <h1>我的网站</h1>
    <p>欢迎访问我的网站</p>
</header>

<section>
    <h2>关于我</h2>
    <p>这里是关于我的一些信息。</p>
</section>

<section>
    <h2>我的作品</h2>
    <p>这里展示我的一些作品。</p>
</section>

<footer>
    <p>版权所有 © 2023</p>
</footer>

</body>
</html>

解释说明：

<section> 标签用于定义文档中的一个独立部分，通常是具有相似主题的内容。
每个 <section> 通常包含一个标题（如 <h2>），并且可以包含其他内容，如段落、图片等。
在上面的示例中，<section> 标签被用来划分“关于我”和“我的作品”两个不同的部分，使页面结构更加清晰。

上一篇：html压缩

下一篇：url转换为html网址