HTML5學(xué)習(xí)：語義元素section

發(fā)布時間：2020-02-27 09:11:10 來源：網(wǎng)絡(luò) 閱讀：439 作者：yuke198907 欄目：移動開發(fā)

HTML5學(xué)習(xí)：語義元素section

一、定義
<section> 標(biāo)簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

二、用法
section標(biāo)簽下一般有一個標(biāo)題<h2></h2>、還有一個內(nèi)容<p></p>。示例代碼如下：

<!DOCTYPE html>
<html>
  <head>
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
    <section>
            <h2>標(biāo)題1</h2>
            <p>內(nèi)容1</p>
    </section>
    <section>
            <h2>標(biāo)題2</h2>
            <p>內(nèi)容2</p>
    </section>
    <section>
            <h2>標(biāo)題3</h2>
            <p>內(nèi)容3</p>
    </section>
  </body>
</html>

結(jié)果如下：
HTML5學(xué)習(xí)：語義元素section

中文出現(xiàn)亂碼，我們修改一下頁面編碼：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

結(jié)果如下：
HTML5學(xué)習(xí)：語義元素section

向AI問一下細(xì)節(jié)

HTML5學(xué)習(xí)：語義元素section

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽