HTML <section>用法及代碼示例

Section標簽定義文檔的章節，例如章節，頁眉，頁腳或任何其他章節。 section標簽將內容分為小節和小節。如果需要兩個頁眉或頁腳或文檔的其他任何部分，則使用section標簽。 Section標簽將相關內容的通用塊分組。 section標簽的主要優點是，它是一個語義元素，向瀏覽器和開發人員都描述了其含義。

用法:

<section> Section Contents </section>

區段標簽用於分配內容，即，它分配區段和子區段。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Section tag</title> 
    </head> 
    <body> 
        <section> 
            <h1>Geeksforgeeek:Section 1</h1> 
            <p>Content of section 1</p> 
        </section> 
        <section> 
            <h1>GeeksforGeeks:Section 2</h1> 
            <p>Content of section 2</p> 
        </section> 
        <section> 
            <h1>GeeksforGeeks:Section 3</h1> 
            <p>Content of section 3</p> 
        </section> 
    </body> 
</html>

輸出：
section tag

嵌套部分標簽：section標簽可以嵌套。如果文本包含相同的font屬性，則subsection的字體大小小於section標簽。小節標簽用於組織複雜的文檔。經驗法則是，該部分應在邏輯上出現在文檔的輪廓中。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Section tag</title> 
    </head> 
    <body> 
        <section> 
            <h1>Geeksforgeeek:Section 1</h1> 
            <p>Content of section 1</p> 
            <section> 
                <h1>Subsection</h1> 
                <h1>Subsection</h1> 
            </section> 
        </section> 
        <section> 
            <h1>GeeksforGeeks:Section 2</h1> 
            <p>Content of section 2</p> 
            <section> 
                <h1>Subsection</h1> 
                <h1>Subsection</h1> 
            </section> 
        </section> 
    </body> 
</html>

輸出：
nested section tag

支持的瀏覽器：支持section標記的瀏覽器是：

Google chrome 6.0及更高版本
Internet Explorer 9.0及以上
Mozilla 4.0及更高版本
Opera 11.1以上
Safari 5.0及更高版本

相關用法

注：本文由純淨天空篩選整理自Sathwika123大神的英文原創作品 HTML | <section> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。