定製標記HTML

下不起作用：定製標記HTML

<landing id="showcase"> 
<h1>Welcome to the Beach</h1> 
<p>Dies ist eine kleine test seite mit einer landing page</p> 
<a href="#" class="button">Welcome</a>

當我從「降落」到「頭」取代的標籤名稱，它的工作。但爲什麼它會以header作爲標籤名稱？我不確定是否可以定義我想要的任何標籤名稱。它是否僅適用於全局標籤名稱？

來源

2017-08-16 moca

可能重複的[如何爲html創建自定義標籤]（https://stackoverflow.com/questions/5682943/how-to-create-custom-tags-for-html） –

這是什麼意思？與'header'「它工作」？瀏覽器不需要處理'header'標籤（解析它們除外）;這同樣適用於你剛剛組成的標籤。 –

由於缺少，因此需要插入着陸的結束標記。然後才能正常工作。 – DMishra

原因標題的工作原理是它是一個語義HTML類。我建議閱讀下面的鏈接。

semantic HTML

來源

2017-08-16 17:41:49

「header」工作的原因並不是它特別是*語義* HTML元素，而只是它是[已知的HTML元素]（https://developer.mozilla.org/en-US/docs/Web/HTML /元件）。 'div'不是一個語義元素，但在這種情況下它也會起作用。 –

謝謝您的幫助。因爲我之前已經閱讀過它，所以瀏覽過這本書的w3schools，但並不知道要「尋找」什麼。來自瑞士的歡呼 – moca

嗯，是的，定製元素是可能的，前提是：

元素名稱是小寫，並用X-

在你的情況開始，X-登陸ID = 「櫥窗」

另外，不要忘記結束標籤。

來源

2017-08-16 17:46:58

landing不是開發人員或瀏覽器的已知標籤，因此它不會在瀏覽器中被解釋（即轉換爲人類可讀元素），而header是HTML5語義元素，並且被瀏覽器所知（至少是現代的那些）。

HTML header元素代表一組介紹或導航輔助工具。它可能包含一些標題元素，但也包含其他元素，如徽標，搜索表單等。

來源：MDN

來源

2017-08-16 17:47:20

你可以使用元素的唯一有效的名稱在此列表中的：HTML element reference

<header>是在該列表中，因此它是有效的。 <landing>不在列表中，所以它是無效的。

你不應該只爲一個元素組成一個名稱。您應該使用符合其含義現有的元素，如<p>一個段落或<header>一個頁面的標題，或者您應該使用通用元素<div>（一block-level element）或<span>之一（一個inline element），其中有沒有語義意義。

如果您希望稍後通過JavaScript或CSS代碼識別它，您可以將class或id屬性添加到任何元素。

來源

2017-08-16 20:20:08

謝謝你的快速解釋。祝你早上好（或晚上）。 – moca

回答

相關問題