詳解HTML5中的

一、html5 template元素初面

元素，基本上可以確定是2023年才出現的。幹嘛用的呢，顧名思意，就是用來宣告是「模板元素」。

目前，我們在html中嵌入模板html，往往是類似這樣的寫法：

xml/html code複製內容到剪貼簿

實際上，並不存在type="text/template"這樣的標準寫法，元素的出現旨在讓html模板html變得更加標準與規範。

以前，我們可能還使用過或者

(廢止但依然可用)巢狀非轉義的html標籤**，實現一些特定的前端功能，但，同樣的，跟上面的流行用法一樣，都是不規範的。從未來趨勢來講，顯然標籤才是王道。但是，相容性是個不可忽略的問題，因此，就算扯得很多很少，實際價值有有限，因此，這裡僅僅簡單介紹下。

二、html5 template元素覆面看下下面四種巢狀html，同時內容不顯示，不會有請求的寫法：

xml/html code複製內容到剪貼簿

1. 標籤內容隱藏性

這個很討厭的。

為文字域，裡面巢狀的html片段會被當做文字域的值。但，文字域本身是可見的，因此需要額外的設定display: none;

是個很老很特殊的屬性，語義為example，示例。據說後來被

標籤取代而廢止，www.cppcns.com實際上，目前，所有的瀏覽器都是支援的。但是，其跟標籤不能劃等號。裡面有個標籤，顯示的則是一張，而呈現的就是一段html**。不過，與一樣，內容不顯示的話，還需要額外的設定display: none;

上面這個標籤上沒有設定display: none;，注意到了沒有。為何？這只是發揮了標籤元素的原本特性，天生display:none，同時模板元素內部內容是死活不會呈現的。因此，無需設定隱藏。這就是html5 標籤元素特徵之一：標籤內容隱藏性.

2. 標籤位置任意性

除了上面子元素天然隱藏外，標籤還有乙個特性，就是位置任意性，這非常類似