HTML / HTML 元素 / link
HTML / HTML 元素 / map

约 2576 字

约 13 分钟

#HTML 的 <main> 标签

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

请参考 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>

<main>

    
 头部 
 <header> 

    
    
 
        正文 
 <main> 
        

            

                文章 
 <article> 
                

                    小节 
 <section> 
                

            

            
        

    

    
 页脚 
 <footer>

创建于 2025/6/9

更新于 2025/6/13

HTML / HTML 元素 / link
HTML / HTML 元素 / map