国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > main 以获得更好的体验。

# HTML 的 <main> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

请参考 HTML 的语义化标签 了解更多语义化标签。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。

# 示例

<div style="font-size:1.2rem; padding:8px; text-align: center; display:flex; flex-direction:column; gap:8px; color:#212121; background:yellow;">
    <header style="padding:8px; background:lightgreen;"> 头部 <br/> &lt;header&gt; </header>
    <nav style="padding:8px; background:lightgreen;"> 导航 <br/> &lt;nav&gt;  </nav>
    <main style="padding:8px; background:lightgreen;"> 
        正文 <br/> &lt;main&gt; 
        <div style="display:flex; flex-direction:row; gap:8px">
            <article style="padding:8px; flex:1; background:lightblue;display:flex; flex-direction:column; gap:8px;">
                文章 <br/> &lt;article&gt; 
                <section style="padding:8px; background:pink;">
                    小节 <br/> &lt;section&gt; 
                </section>
            </article>
            <aside style="padding:8px; background:lightblue;">
                侧边栏 <br/> &lt;aside&gt; 
            </aside>
        </div>
    </main>
    <footer style="padding:8px; background:lightgreen;"> 页脚 <br/> &lt;footer&gt; </footer>
</div>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:03 创建于: 2025-11-27 09:38:03