HTML常用标签之布局
标签
标签是最基础的布局标签，它可以用于划分页面的不同区域，并为这些区域设置样式。例如：
<div class="header"> <!-- 页面头部 --> </div> <div class="content"> <!-- 页面内容 --> </div> <div class="footer"> <!-- 页面底部 --> </div>
这个例子中，使用
标签将页面分成了头部、内容和底部三个部分，并为它们设置了不同的样式。
标签
标签是HTML5新增的语义化标签，它用于定义文档中的节或区块，通常与标题标签
～
一起使用，表示页面中的不同章节。例如：
<section> <h2>Section Title</h2> <!-- 此处为该节的内容 --> </section>
这个例子中，使用标签定义了页面中的一个节，为这个节设置了标题和内容。
标签
标签也是HTML5新增的语义化标签，它用于定义文档中的独立内容块，例如博客文章、新闻报道等。例如：
<article> <h2>Article Title</h2> <!-- 此处为文章的内容 --> </article>
这个例子中，使用标签定义了页面中的一篇文章，为这篇文章设置了标题和内容。
标签
标签用于定义网页导航菜单，它通常包含多个链接，帮助用户在网站内进行导航。例如：
<nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav>
这个例子中，使用标签定义了网页的导航菜单，并使用多个标签来定义每个菜单项。
、、和等。它们可以用于划分页面的不同区域和内容块，并为它们设置样式和语义化。在实际开发中，需要根据页面的需求合理选择和嵌套布局标签，以达到最佳的用户体验效果。
