哪个html5元素用于居中视口

我希望尽可能多地利用html分组元素的语义

我用一个正确的元素名称来维护一个视口，它将整个页面集中在屏幕的中间（仅水平）。 我目前的解决方案是：

<section id="viewport">
    <header>
        <nav>
            <ul>
                <li id="home"><a href="#home">Home</a></li>
                <li id="about"><a href="#about">About me</a></li>
                <li id="contact"><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main data-ng-controller="shell as vm">
        <img alt="logo" src="/content/images/midbody.png" />
        <aside data-ng-show="vm.isBusy" class="page-splash dissolve-animation">
            <div data-cc-spinner="vm.spinnerOptions"></div>
        </aside>
        <article data-ng-view class="contentpage"></article>
    </main>
    <footer>
        <div id="footer">Webdesign by Patrick Peters</div>
    </footer>
</section>

Patrick Peters网站设计

html元素与语义有关。虽然

页脚

，

页眉

或

旁白

在某种程度上暗示

页眉

在开头

页脚

在结尾，而

旁白

在其他地方，但它们的主要目的不是告诉它们的布局如何，而是描述它们的重要性和意义

因此，

centered

元素没有等价物，因为

centered

只是一个视觉信息。视觉表现属于

css

所以，如果

节
适合使用该节。您有一个
页眉
和
页脚
，因此它在某种程度上是一个
部分
，但由于它是由
正文
表示的整个页面，因此实际上不需要将其包装到
部分
（这并不能使结构更清晰）。如果它没有语义含义，您可以使用
div
作为匿名容器


section元素表示文档或应用程序的通用节。在这种情况下，节是内容的主题分组，通常带有标题

章节的示例包括章节、选项卡式对话框中的各种选项卡式页面或论文的编号章节。网站的主页可以分为介绍、新闻和联系信息部分

注意：section元素不是泛型容器元素。当一个元素仅用于样式设计或方便编写脚本时，建议作者改用div元素一般规则是，只有当元素的内容在文档大纲中明确列出时，section元素才是合适的


body元素表示文档的主要内容

是的，您的最后一段说明了一切：因为居中没有任何语义，所以使用div，这就是我所做的。如果有更多其他用户的评论，让我们等待；-）@PatrickPeters补充了规范中的描述，说明相对清晰。