如何正確嵌套HTML標籤
如果您今天查看任何網頁的HTML標記，則會看到其他HTML元素中包含的HTML元素。 這些在其他“內部”的元素被稱為“嵌套元素”，它們對於今天構建任何網頁都是必不可少的。
嵌套HTML標籤意味著什麼？
了解嵌套的最簡單方法是將HTML標籤視為包含內容的框。 您的內容可以包含文本，圖片等。HTML標籤是內容周圍的框。 有時候，你需要把盒子放在其他盒子裡面。 這些“內部”框嵌套在其他框內。
如果您在段落內想要粗體文本塊，則會有兩個HTML元素以及文本本身。
例如：這是一段文字。該文本是我們將用作我們的示例的。 這是如何寫的。
例如：這是一段文字。
因為你希望“句子”這個單詞是粗體的，所以你在這個問題前後添加了打開和關閉粗體標籤。
例如：這是一段文字。
正如你所看到的，我們有一個包含我們句子的內容/文本的框（段落），再加上第二個框（強標記對），它會將該單詞渲染為粗體。
嵌套標籤時，按照與打開標籤相反的順序關閉標籤非常重要。 首先打開
，然後打開，這意味著您將其顛倒並關閉，然後關閉。
另一種考慮這種方式的方法是再次使用盒子的類比。 如果將一個盒子放在另一個盒子中，則必須關閉內盒子才能關閉外盒子或包含盒子。
添加更多嵌套標籤
如果你只想要一個或兩個單詞是大膽的，而另一個單詞是斜體呢？ 以下是如何做到這一點。
例如：這是一個句子的文字，它也有一些斜體文字。 你可以看到我們的外框 現在有兩個嵌套標籤 - 和。 它們必須在關閉容器盒之前關閉。 例如：這是一個句子的文字，它也有一些斜體文字。 這是另一段。< / p> 在這種情況下，我們在盒子裡面有盒子！ 最出來的盒子是 如果你打算使用CSS，你應該關心嵌套的頭號原因。 級聯樣式表依賴於標籤始終嵌套在文檔中，以便它可以知道樣式的開始和結束位置。 如果您設置的樣式應該會影響頁面中所有帶有“main-content”類文本的分區內部的鏈接，則錯誤的嵌套會導致瀏覽器難以知道應用這些樣式的位置。 我們來看看一些HTML： 示例：這是一個句子的文字，它也有一些斜體文字。 這是另一段。 使用我剛才陳述的例子，如果我想寫一個會影響該部門內部鏈接的CSS樣式，並且只有該鏈接（而不是頁面其他部分中的任何其他鏈接），則需要使用嵌套寫我的風格，因此： 其他原因包括無障礙和瀏覽器兼容性 如果您的HTML嵌套錯誤，屏幕閱讀器和舊版瀏覽器將無法訪問它 - 如果瀏覽器無法弄清楚如何正確呈現頁面，甚至可能會徹底破壞頁面的外觀，因為HTML元素和標記不合適。 最後，如果您努力編寫完全正確和有效的HTML，則需要使用正確的嵌套。 否則，每個驗證器都會將您的HTML標記為不正確。 為什麼要關心嵌套