2013-12-11 61 views
2

是否存在僅用於名義上將其子女分組在一起的HTML標籤?例如: -是否有非HTML視覺標籤?

<group id="example_template"> 
    <h3>Example</h3> 
    <div>...</div> 
</group> 

理想的情況下,上述<group>標籤將CSS豁免,或不影響其子女,或至少沒有默認的視覺副作用。這個想法是找到最簡潔的方式來識別一組連續的節點,而不會引入語義誤導或垃圾標記。

示例用例適用於JavaScript HTML模板系統。在渲染模板並將其添加到DOM之後,我想跟蹤一組元素被渲染在一起的事實,以防組合稍後被替換。

也可以使用其他解決方案。

+0

嗯,我覺得你找4個CSS類... –

+6

'div'和'span'標籤有沒有語義價值。前者用於塊,後者用於內聯內容。 –

+0

@tryingToGetProgramming非常直觀,但我不得不以編程方式將該類添加到組 – paislee

回答

4

A div沒有CSS的元素不會產生任何在頁面上可見的東西。這意味着除非您添加CSS,不管是作爲文件還是內聯,修改DIV都是有效的。

更新:如上所述,DIV s爲阻止內容和SPAN s爲內聯內容

+0

div作爲一個塊級元素在最後引入換行符,不過不是嗎? 。如果你不想要塊級元素,我會使用一個span。 –

+0

@MatthewLock內容可能是阻塞或內聯的 - ? – paislee

+0

@paislee封裝塊內容的副作用是什麼意思?它會在元素之後得到一個新的行,即使這可以通過設置display屬性來消除:'display:inline' – jasonscript