我正在學習直線HTML 5網站。HTML5和CSS - 自定義標籤？

我的CSS看起來像之前：

div.BoxHouse { 
    margin-left: 72px; 
    margin-right: 20px; 
} 

#content { 
    width: 90%; 
    background: url(transwhite.png); 
    border: 1px solid #3F4933; 
    margin-left: 72px; 
    margin-right: 20px; 
    margin-top: 20px; 
    padding: 5px; 
    z-index: 1; 
    margin-bottom: 40px; 
    overflow:auto; 
    top: 10em; 
    padding-top: 10px; 
    }

我認爲HTML5的我可能只是這樣做代碼：

<header> 
<hgroup> 
    <content> 
    <BoxHouse> 
     <h1>HTML 5</h1> 
     <h2>The mark-up language for fun and profit</h2> 
    </BoxHouse> 
    </content> 
</hgroup>

鑑於這種新的CSS：

BoxHouse { 
    margin-left: 72px; 
    margin-right: 20px; 
} 

content { 
    width: 90%; 
    background-image: url('../transwhite.png'); 
    border: 1px solid #3F4933; 
    margin-left: 72px; 
    margin-right: 20px; 
    margin-top: 20px; 
    padding: 5px; 
    z-index: 1; 
    margin-bottom: 40px; 
    overflow:auto; 
    top: 10em; 
    padding-top: 10px; 
    }

但它顯然不起作用。我究竟做錯了什麼？

來源

2010-08-24 ator

爲什麼用'FloatingBox'創建規則？ – Topera 2010-08-24 18:32:28

你的HTML沒有FloatingBox – Topera 2010-08-24 18:32:46

好點，好像我混淆了我的CSS。 – ator 2010-08-24 18:41:28

您不能在HTML5中使用自定義標籤。你應該直接在你的CSS中選擇h1，h2等，或者在它們上面使用類。

<header class="content"> 
<hgroup class="BoxHouse"> 
    <h1>HTML 5</h1> 
    <h2>The mark-up language for fun and profit</h2> 
</hgroup>

此外，是background-image: url(transwhite.png);圖像半透明的白色背景？如果是這樣，你可以在CSS3中使用RGBA顏色。這是爲阿爾法。所以你可以使用background-color: rgba(255,255,255,0.5);作爲50％的透明白盒子。這種使用不透明度的優點是文字不透明，它仍然清晰可靠。

來源

2010-09-02 13:37:23

我想，就像AXL一樣，我們可以在HTML5中使用自定義標籤。我忘了我從哪裏聽到這個消息。你確定你不能？你怎麼知道的？ – ma11hew28 2010-09-22 12:22:27

您好，我想如果您將HTML5作爲XML（XHTML5）提供，您可以使用自定義標籤，但我認爲您需要使用自定義DTD。我不記得剛纔看到的確切數據。但我不會推薦它，因爲它們具有明確的語義。一個新的標籤不會有任何意義，如標題，文章，部分 - 這些創建文檔大綱是文檔的結構，但BoxHouse對瀏覽器，搜索引擎等沒有任何意義.HTML5標籤應該涵蓋所有的需要與類和ID結合使用。 – 2010-09-22 16:24:21

如果您使用數據附加數據（例如

標題

），則可以在標記上使用自定義屬性。看到這裏更多：http://html5doctor.com/html5-custom-data-attributes/ – 2010-09-22 16:24:43

你正在做的事情是非常有意義的。但這不是CSS的工作原理。

你可以劫持爺爺風格的標籤，如< em>和< strong>，以保持你的html簡潔，但你不能創建新的標籤。而是使用用戶友好的 < span class =「myclass」> ...

來源

2013-01-23 10:11:00 Anthony

HTML5和CSS - 自定義標籤？

回答

標題

相關問題