如何使用语义化标签实现wiki页面

这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」。

语义化标签是HTML中的标签，其特别之处在于语义化的标签，旨在让标签有自己的含义。

h1-h6

h1 - h6 标签可定义标题。

h1 定义最大的标题。

h6 定义最小的标题。

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

 <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h2>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>

展示效果：

在页面中，我们可以使用 <h> 标签定义不同等级的标题

<header>
      <nav>
          <a>Home</a>
          <a>About</a>
          <a>Contact</a>
       </nav>
    </header>

展示效果:

在页面中，我们可以使用 <header> 来展示一些头部的内容，例如导航，banner，全站链接，搜索框等等。

上图中用到的 <nav> 标签,主要用来定义导航链接的部分。如果文档中有“前后”按钮，则应该把它放到

元素中。

<nav>标签是 HTML5 中新增的标签元素。

<main>标签主要用于展示页面中的主要内容。但是一个页面只能够使用一次。

<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单

<article>标签规定独立的自包含内容.article标签专注于文章本身的内容，拥有自己的标题，导航等等，一般为博客，网页文章等等。 <article> 也经常嵌套使用。

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

<aside> 标签定义其所处内容之外的内容。通常显示为侧边栏。

<footer>标签定义文档或者文档的一部分区域的页脚。

<footer> 元素应该包含它所包含的元素的信息。

一般情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。可以定义多个 <footer> 元素