如何在 HTML5 中包含文件或部分的頭部?
Header 標籤用於表示一個包含一組導航連結或介紹性內容的容器。它包含一個或多個標題元素、圖示和作者資訊。
在 HTML 中,我們可以放置多個 <header> 元素,但 <header> 元素不能放置在 <footer>、另一個 <header> 或 <address> 元素內部。<header> 標籤由開始標籤、結束標籤組成,其間放置內容。
語法
以下是 <header> 標籤在 HTML 中的用法 -
<header> …………</header>
示例
以下是 <header> 標籤在 HTML 中的示例 -
<!DOCTYPE html> <html> <body> <h1>Header Tag</h1> <hr> <article> <header> <h3>TutorialsPoint Demonstrate the Header Tag</h3> <p>Article written by BhanuPriya</p> <p> Header tag is used to represent a container consists of set of navigational links or introductory content . It consists of one or more heading elements, icons and authorship information. </p> </header> </article> </body> </html>
我們可以使用預設值將 CSS 應用於 <header> 元素,以下是大多數瀏覽器用於顯示 <header> 元素的語法。
header { display: block; }
示例
在以下示例中,我們使用 HTML 中的 <header> 標籤來表示導航連結。
<!DOCTYPE html> <html> <body> <h1>HTML Header Tags represent Links</h1> <header> <a href="https://tutorialspoint.tw/questions/category/c"> C Programming</a> || <a href="https://tutorialspoint.tw/questions/category/operating-system"> Operating System</a> || <a href="https://tutorialspoint.tw/questions/category/rdbms"> RDBMS</a> || <a href="https://tutorialspoint.tw/questions/category/computer-network"> Networking</a> </header> </body> </html>
在 HTML 文件中包含一個部分
Section 是 HTML 中用於定義文件部分(如頭部、頁尾、章節等)的標籤之一。
Section 標籤將文件內容分成兩部分:部分和子部分。
當需要兩個頭部或頁尾或章節或文件的其他部分時,它非常有用。
Section 標籤將相關內容分組到一個通用塊中。
它是一個語義元素,可以向瀏覽器和開發人員描述含義。
Section 具有開啟和關閉標籤,<section> </section>
語法
以下是 section 標籤在 HTML 中的用法 -
<section> Content </section>
示例
讓我們看一個 section 標籤的示例 -
<!DOCTYPE html> <html> <body> <h1>Tutorials Point</h1> <!-- html section tag is used here --> <section> <h2>----- Section 1-----</h2> <p>HTML Tutorial</p> </section> <section> <h2>----- Section 2-----</h2> <p>JAVA Tutorial</p> </section> <section> <h2>-----Section 3-----</h2> <p>Oracle Tutorial</p> </section> </body> </html>
廣告