html5標記分為哪幾類

本篇內容介紹了“html5標記分為哪幾類”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

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

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

html5標記的分類

標記又被稱為元素

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

• 根據標簽閉合規則，可以分為：單標簽(空標簽，自閉合標簽)、雙標簽

常用的塊狀元素：<div> <p> <h2>.....<h7> <ol> <ul> <dl> <table> <address> <blockquote> <form>

常用的行內元素：<a> <span> <br> <i> <em> <strong> <label> <q> <cite> <code> <var>

常用的行內塊狀元素：<img> <input>

塊級元素特點：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 轉換為塊級元素

“html5標記分為哪幾類”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！