2015-03-31 76 views
0

我正在翻閱這codepen,我看到這個<dropdown>標籤。我不知道這是否是像<div>一個合法的標籤,<span><section>等。這是'<dropdown>'標記自定義HTML元素嗎?

<dropdown> 
    <input type="checkbox" id="toggle1" checked> 
    <label for="toggle1" class="animate">Editor <i class="fa fa-list float-right"></i></label> 
    <ul class="animate"> 
     <li class="animate">Source <i class="fa fa-code float-right"></i></li> 
     <li class="animate">Fullpage <i class="fa fa-arrows-alt float-right"></i></li> 
     <li class="animate">Debug <i class="fa fa-cog float-right"></i></li> 
    </ul> 
</dropdown> 

我認爲XML允許你有自定義名稱的標籤/ DOM元素,但筆者是使用XML我不認爲。

我認爲作者編寫了他自己的元素,描述了他正在寫的部分。我不知道你可以做到這一點。我還看到有一次在html中使用了<time>。有人可以向我解釋如何組裝自己的標籤名稱或顯示文檔。我假設這是一個html事物

+2

相關:[爲什麼CSS使用假元素?](http://stackoverflow.com/questions/20353613/why-does-css-work-with-fake-elements) – 2015-03-31 02:16:33

回答

0

<dropdown>不是有效的HTML標記。不確定你從哪裏得到這段代碼,但你應該避免使用自定義標籤。改爲使用類選擇器/ ID選擇器。

另一方面,<time>是HTML5規範中的HTML標記。文檔是here

+1

你能否詳細說明「但你應該避免使用自定義標籤「? – 2015-03-31 02:15:16

+0

是的,超出HTML5規範的自定義標籤會在不同瀏覽器中造成奇怪的行爲,特別是對於舊版瀏覽器。總是建議網站應該針對[W3C Validator](http://validator.w3.org)進行驗證, – Raptor 2015-03-31 02:17:47

1

HTML5標準集中沒有下拉元素。

如果HTML5允許自定義元素的名稱中包含' - ',則允許使用這些元素。所以他們最好使用<drop-down>...</drop-down>