该<main>元素必须只发生一次页面上，而不能是一个孩子<article>，<aside>，<footer>，<header>或<nav>元素。role="main" attribute如果要使用可访问性，通常在这里放置。
<content>尽管您可以自由创建自己的元素，但没有预定义的元素。
该<div>元素（如<div class="content">和<div class="wrapper">）能去的地方流内容的预期。这意味着它可以（几乎）任何元素作为父元素。
上面两个<div>元素上附加的类表示不同的样式规则。通常，使用的类.wrapper来定义文档的主体，并控制其应如何从页面边缘“偏移”。因此，通常只有一个出现<div class="wrapper">在页面上。该类.content用于定义和分离各个内容块，因此，页面上通常有多个 <div class="content">块。
虽然类.wrapper和.content被比较常用的（和内置到很多的框架），你没有义务来使用它们。
希望这可以帮助！:)