📅 最后修改于: 2023-12-03 15:31:18.400000 🧑 作者: Mango
HTML（Hypertext Markup Language）是用于创建Web页面的标准标记语言。词组标签是一种HTML标记，它允许您将多个单词作为一个单元一起标记。在本文中，我们将讨论HTML中的几个常见的词组标签。
<header>和<footer>分别表示文档或节的页眉和页脚。一般来说，<header>元素通常包含页面标题、标志或其他与页面主题相关的元素，而<footer>元素则通常包含页脚信息或版权声明等内容。
示例代码如下：
<header>
<h1>这是页面标题</h1>
<img src="logo.png" alt="网站标志">
</header>
<footer>
<p>版权所有 © 2021</p>
</footer>
<nav>元素表示导航链接的一组。通常，这些链接用于导航主要站点页面，如主页、服务页面和联系我们页面。<nav>元素可以包含多个链接，每个链接都由<a>元素表示。
示例代码如下：
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<main>元素通常包含站点或页面的主要内容。在HTML5中，<main>元素仅可用于页面上的一次，通常是在文档的主要<body>元素中。
示例代码如下：
<main>
<h2>欢迎来到我们的网站！</h2>
<p>我们提供高质量的产品和服务。</p>
</main>
<section>和<article>元素用于将页面分成节和文章。<section>通常表示页面上的一节；例如，部分主页可能包含多个<section>元素，涵盖各种主题，如产品特点、客户信赖和企业历史等。而<article>元素则用于表示单独的文章或帖子。
示例代码如下：
<section>
<h3>产品特点</h3>
<ul>
<li>高质量</li>
<li>多功能</li>
<li>易于使用</li>
</ul>
</section>
<article>
<h3>如何组装我们的产品？</h3>
<p>组装产品非常简单，只需遵循以下步骤：</p>
<ol>
<li>安装支架</li>
<li>安装主体</li>
<li>调整释放弹簧</li>
</ol>
</article>
以上是HTML-词组标签的一些常见用法和示例代码。这些标记将帮助您组织和描述页面上的内容，使其更易于理解和浏览。