# HTML5 – `<section>`標簽示例 > 原文： [https://howtodoinjava.com/html5/html5-section-tag/](https://howtodoinjava.com/html5/html5-section-tag/) HTML5 `<section>`標簽**定義了文檔**中的各個部分，例如章節，頁眉，頁腳或文檔的任何其他部分。 以前（在 HTML5 之前），只能通過`<div>`標簽提供這種分離的唯一方法。 `section`元素是[語義](https://en.wikipedia.org/wiki/Semantics)元素。 這意味著它為用戶代理和人員提供了有關所含內容（具體是文檔的一部分）的含義。 它是一個通用語義元素，因此當其他語義容器元素（`article`，`aside`和`nav`）都不適合時，應使用它。 ## `<section>`標簽語法 在 HTML5 中創建`<section>`時，就像在 HTML 中使用`<div>`標簽時一樣，可以使用 **ID** 或**類**屬性。 每個 **ID** 必須是唯一的，如 HTML 中一樣，并且**類**可以在必要時多次使用。 您應該始終將標頭元素（`H1`至`H6`）作為`section`的一部分。 如果您無法提供該部分的標題，那么`<div>`元素可能更合適。 而且永遠不要使用`section`標簽僅用于放置樣式。 假設您正在創建有關數據處理的文檔。 以下是`<section>`元素的典型用法。 ```java <section id="preparation" class="imaginaryClass"> <h2>Prepare Data</h2> <p>Random text Random text Random text...</p> </section> <section id="processing"> <h2>Process Prepared Data</h2> <p>Some More Random text Some More Random text Some More Random text ...</p> </section> <section id="display"> <h2>Processed Data</h2> <p>Some More Random text Some More Random text Some More Random text ...</p> </section> ``` ## 總結 `<section></section>`元素的目的不是替換 HTML `<div>`標簽。 如果要將文檔劃分為邏輯文檔部分（以定義內容的語義上離散的**部分**），請使用`<section></section>`元素或結構元素之一。 但是，如果僅出于格式化目的分割文檔，則適合使用`<div>`標簽。 如果正確使用它們，則可以在有效的 HTML5 文檔中同時使用`DIV`和`SECTION`元素。 學習愉快！