html5中常用的分組元素是什麼

html5中常用的分組元素：1、p元素，進行段落分組；2、div元素，進行通用分組；3、blockquote元素；4、pre元素；5、hr元素；6、ul、 ol、li元素；7、dl、dt、dd元素；8、figure和figcaption元素。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML5常用分組元素匯總

#HTML5分組元素解析

##1 、 建立段落

2、通用分組

由於div自身不帶有任何意義，在HTML5強烈要求語義化的大背景下，div作為一種最後的解決方案使用。

3、定義清單中的一個清單項目

屬性如下：

value：

這個整數型屬性顯示了本 元素在有序列表（由 元素定義）中的序號。本屬性值只能用數字，即使清單使用羅馬數字或字母來展示。隨後的清單條目會從設定的值開始計數。 value 屬性對於無序列表 () 或選單 () 無效。

type：

規定編號的型別。

'a' 表示小寫字母編號；
• 'A' 表示大寫字母編號；
• 'i' 表示小寫羅馬數字編號；
• 'I' 表示大寫羅馬數字編號；
• '1' 表示數字編號（預設值）。

• <ol type="I">
      <li value="3">third item</li>
      <li>fourth item</li>
      <li>fifth item</li>
  </ol>

輸出：

III.third item
IV.fourth item
V.fifth item

定義一個無序列表

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

輸出：

 - first item 
 - second item
 - third item

定義有序列表

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li><
/ol>

輸出

 - first item 
 - second item 
 - third item

##4、 產生說明清單

表示一項內容的集合.

• # 內容的標題.
• 具體內容

• <dl>
      <dt>Name</dt>    
      	<dd>Godzilla</dd>
      <dt>Born</dt>
      	<dd>1952</dd>
      <dt>Birthplace</dt>
      	<dd>Japan</dd>
      <dt>Color</dt>
      	<dd>Green</dd>
  </dl>

#輸出

：

Name
	    Godzilla
Born
	    1952
Birthplace
		Japan
Color
	    Green

# 5、figure、figcaption

figure 代表一段獨立的內容，展示引用的圖片，插圖，表格，程式碼片段等等。

• figcaption 代表圖例的說明

• <figure>
      <img src="/static/imghwm/default1.png"  data-src="/media/examples/elephant-660-480.jpg"  class="lazy"  
           alt="Elephant at sunset">
      <figcaption>An elephant at sunset</figcaption>
  </figure>

#6、main每張頁面只能有一個main元素，他表示這張頁面的主題。

<main>
    <article>
        <h1 id="自行车越野">自行车越野</h1>
        <p>自行车越野三生三世</p>
    </article>
</main>
<article>
    <h1 id="经济损失">经济损失</h1>
    <p>在野外攀爬天然生成的岩壁。。。</p>
</article>

相關推薦：《

html影片教學

》

以上是html5中常用的分組元素是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！