html5標記分為哪三類

html5標記的3種類型：1、區塊級元素，其display值為“block”，特點為能夠設定寬高、邊距，會自動換行；2、行內元素，其display值為“inline”，不會自動換行，無法設定寬高；3、行內塊狀元素，不會自動換行、能夠設定寬高。

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

html5標記的分類

標記又稱為元素

• 根據標籤特性可以分為：區塊標籤、行內(內聯)標籤、行內區塊標籤

• 依標籤閉合規則，可分為：單標籤(空標籤，自閉合標籤)、雙標籤

常用的塊狀元素：

.....

h6>

常用的行內元素：
<
< strong> <var></p> <p>常用的行內塊狀元素：<img> <input></p>常用的行內塊狀元素：<img> <input><p style="text-align:left;"><span style="font-size: 16px;"><strong><strong><code class="marker"><strong><code class="marker">#11 ##區塊級元素特性：display:

block;

1、每個區塊級元素都從新的一​​行開始，並且其後的元素也另起一行。 2、元素的高度、寬度、行高以及上下左右的margin、padding值都可設定。 3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度。 行內元素特性：

display:inline

; 1、和其他元素都在一行上；2、元素的

高度

、

寬度

及頂部和底部邊距不能設定（只支援左右方向的margin、padding）；3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

行內塊狀元素的特性：display:inline-block;

1、等元素都在一行上；

2、

元素的高度、寬度、行高以及頂和底邊距都可設定。 （支援上下左右的margin、padding值）3、margin:0 auto無效

4、水平排列，但所有元素預設會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。

• 標記類型的轉換

標籤的類型是可以轉換的：

• 設定

  display:inline
轉換為行內元素

• 設定

  display:linline-block
 轉換為行內區塊元素

#設定display:block 轉換為區塊級元素

#########（學習影片分享：###html影片教學###、###web前端###）###

以上是html5標記分為哪三類的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn