HTML網頁基本標籤的塊級、行級元素，特殊字元的巢狀規則

佚名發表於2020-05-20
HTML網頁字元巢狀

如果介紹HTML網頁基本標籤的巢狀規則，首先要說的就是元素的分類。元素可以劃分為塊級元素和行級元素，塊級元素是什麼？它可以獨佔一行，可以設定寬高度，預設是100%；行級元素與之相反，它的內容決定它的寬高度，至於特殊字元就當成是文字來看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> HTML塊級、行級元素，特殊字元，巢狀規則</title>
</head>
<body>
    <!-- 塊元素:獨佔一行，可以設定寬高、預設寬度100% -->
    塊元素分為文字類和容器類
    文字類塊元素:p、h1——h6
    容器類塊元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）
    <!-- 行元素:不獨佔一行，寬高度取決於內容 -->
    行元素：a img input strong em del span
    特殊字元：文字 br &nbsp hr
</body>
</html>

巢狀規則總結如下幾點：

1.塊元素可以巢狀行元素

2.行元素可以巢狀行元素

3.行元素不可以巢狀塊元素

4.文字類塊元素不可以巢狀塊元素

5.容器類塊元素可以巢狀塊元素

以下html網頁基本概念、html網頁基本結構、HTML基礎標籤圖片文字超連結列表表格介紹、html基本標籤表單實現互動原理，單選框，核取方塊，下拉框介紹、網頁DIV+CSS佈局與ifame傳統佈局對比的相關博文就是HTML的全部部分了，HTML的學習主要是瞭解它的語義化巢狀規則來構建頁面，至於頁面的CSS與互動邏輯JS則是下面要練習的內容!

相關文章