HTML 布局

HTML 布局提供了一种以良好、结构化和响应式形式安排网页的方式。网页布局指定了网页的排列方式。网页布局与 HTML 文档中视觉元素的排列有关。

网页布局是创建网站时最重要的部分，这样我们的网站才能以出色的外观显得专业。您还可以使用基于 CSS 和 JAVASCRIPT 的框架来创建用于响应式和动态网站设计的布局。

每个网站都有特定的布局，以特定的方式显示内容。

以下是用于定义网页不同部分的各种 HTML5 元素。

• <header>：它用于定义文档或部分的页眉。
• <nav>：它用于定义导航链接的容器
• <section>：它用于定义文档中的一个部分
• <article>：它用于定义一个独立的自包含文章
• <aside>：它用于定义内容旁边的内容（如侧边栏）
• <footer>：它用于定义文档或部分的页脚
• <details>：它用于定义附加细节
• <summary>：它用于定义 <details> 元素的标题

注意：HTML 布局为网页的每个部分创建了一个独立的显示空间，以便每个元素都能以重要的顺序排列。

各种布局元素的描述

HTML <header>

语法

HTML <nav>

<nav> 元素是导航链接主块的容器。它可以包含指向同一页面或其他页面的链接。

语法

HTML <section>

HTML <section> 元素表示网页的独立部分，其中包含相关联的元素。它可以包含：文本、图像、表格、视频等。

语法

HTML <article>

HTML <article> 标签用于包含一个自包含的文章，例如大新闻、长篇文章等。

语法

HTML <aside>

HTML <aside> 定义与主要内容相关的辅助内容。<aside> 内容必须与主要内容相关。它可以作为网页主要内容的侧边栏。

语法

HTML <footer>

HTML <footer> 元素定义文档或网页的页脚。它主要包含作者、版权、其他链接等信息。

语法

HTML <details>

HTML <details> 元素用于添加网页的额外细节，用户可以根据需要隐藏或显示这些细节。

语法

HTML <summary>

HTML <summary> 元素与网页中的 <details> 元素一起使用。它用作 <details> 元素内容的摘要、标题。

语法