? ? ? 我們早已習(xí)慣了使用大量的DIV來給頁面布局，把具體的樣式交給class屬性來指配。但我們到底為什么非要用DIV不可呢？我覺得大堆的DIV堆砌是一種毫無語義的糟糕設(shè)計，在HTML自帶的標(biāo)簽不夠用時可以試試自定義標(biāo)簽，而且這可以有全瀏覽器兼容方案的。

　　在切圖時候經(jīng)常會遇到標(biāo)簽不夠用的情況，非得給元素加class才能解決，而且class的命名總是想不出合適的。這時候如果使用自定義標(biāo)簽就可以解決這些問題。雖然自定義標(biāo)簽也需要命名，但它的定義不再局限于“樣式”，可以突破“樣式”的局限使用更多詞匯。

　　在HTML5中，標(biāo)簽名帶連接符“-”的標(biāo)簽是用于自定義的。雖然在API中提供了document.registerElement方法用于為這些自帶標(biāo)簽指派具體的類型，但即使沒有指派，它也會被作為一個HTMLUnknownElement存在。而這個HTMLUnknownElement也同樣是繼承于HTMLElement的，所以它依然是一個標(biāo)簽。

　　也就是說，我們可以在現(xiàn)代瀏覽器中使用任何標(biāo)簽，它只是被作為HTMLUnknownElement處理而已。但我們也不能那么隨便，為了兼容考慮，自定義標(biāo)簽的命名還是應(yīng)該加入連接符“-”，至于registerElement步驟，如果沒有特殊需求是可以省略的，反正Firefox目前也沒支持。

　　當(dāng)然低版本瀏覽器不會直接支持這個，但我想很多人都已經(jīng)知道如何讓這些奇怪的標(biāo)簽在版本瀏覽器上生效了，因為一些HTML5新入的標(biāo)簽在低版本瀏覽器上本身就是不支持的，我們通常使用document.createElement的方法來使其兼容，對這些自定義標(biāo)簽也是同樣的做法。

　　我們使用的標(biāo)簽名是規(guī)范的自定義標(biāo)簽名，絕對不會于默認標(biāo)簽沖突，而且瀏覽器可以正常解析。低版本瀏覽器上的兼容確實有點粗暴，但是HTML5自帶的新入標(biāo)簽也同樣是這么粗暴的兼容下去的，所以這么做也完全不會內(nèi)疚。

　　綜合這些因素，自定義標(biāo)簽是完全可以使用的，即使在商業(yè)項目上用也沒問題。唯一需要注意的是團隊開發(fā)時使用自定義標(biāo)簽的統(tǒng)一性。

轉(zhuǎn)載于:https://www.cnblogs.com/fengyuqing/p/user-defined-tag.html

總結(jié)

以上是生活随笔為你收集整理的自定义标签的可用性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。