📅  最后修改于: 2023-12-03 14:52:19.937000             🧑  作者: Mango
在 HTML5 中,可以使用 section
元素来定义一个部分。section
元素表示文档中的一个区域或一个部分,通常包含一个标题。
以下是 section
元素的语法:
<section>
<!-- section content goes here -->
</section>
section
元素是一个块级元素,可以包含其他块级元素和内联元素。通常在一个 section
元素中会包含一个 h1
-h6
元素作为标题。
以下是一个包含 section
元素的示例:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<header>
<h1>My Web Page</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>About</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae vel itaque perferendis illo, provident accusantium. Asperiores velit expedita, ratione sunt quas perspiciatis labore totam, hic quidem id facere corrupti!</p>
</section>
<section>
<h2>Contact</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae vel itaque perferendis illo, provident accusantium. Asperiores velit expedita, ratione sunt quas perspiciatis labore totam, hic quidem id facere corrupti!</p>
</section>
</main>
<footer>
<p>© 2021 My Web Page</p>
</footer>
</body>
</html>
在上面的示例中,main
元素包含了两个 section
元素,分别用于定义网页中的关于页面和联系页面的部分。
使用 section
元素可以让网页的结构更加清晰,使得用户能够更好地理解网页的内容。在定义 section
元素时,推荐使用语义化的标题元素,以便让读者更好地理解页面的结构和内容。