2011-03-15 83 views
6

有時在我目前的項目中,我自己只有HTML。那麼,我的意思是,顯然它是由它的父元素封閉的,但是......讓我只是使用一個代碼示例。有無標籤的HTML可以嗎?

<input name="search" type="text" /> 
<input value="Search" type="submit" /> | 
<a href="test.php">Test</a> 

在這種情況下,「|」本身就是。在這一點上,有些人可能會說使用垂直分隔CSS類,但這不是唯一的情況。有時候我可能會有類似「by」的東西沒有包裝在類中。這個可以嗎?是否所有的東西都被封裝在一個CSS類中,即使這個類是空的並且不需要樣式?我認爲它可以在將來證明它可能有一天需要樣式,但現在它只是CSS膨脹。

回答

10

這很好。 HTML只是標記,您不必將所有內容都包裹在標記中。

2

這很好。沒有必要添加額外的元素來保存文本。如果你真的非常關心驗證,在技術上有幾個元素不允許包含內聯元素或文本節點,但這不是真正的問題,IMO。

2

沒有問題這樣做。總而言之(或者甚至)總是包裝標記的一部分,所以你仍然可以在那裏應用一些CSS。

7

在這種情況下, 「|」 是由本身。

除了其他考慮,不要使用ASCII藝術,它會給屏幕閱讀器帶來奇怪的效果。如果您想要邊框,請使用CSS邊框。

有時候我可能會有類似「by」的東西沒有包裝在類中。

不能包裝在「類」的內容。您可以將內容包裝到一個元素中,並且可以將一個類分配給該元素,然後您可以使用CSS類選擇器來定位它。

如果有適當的增加語義元素,那麼你應該使用它。

如果您想應用樣式,那麼您應該添加最符合語義的元素(如果沒有合適的元素,則返回到通用divspan)。然後寫一個匹配那個元素的規則集。

如果沒有語義添加,並且要應用無樣式,然後不要打擾。它只是膨脹。

+0

+1爲好的教學。 – 2011-12-13 00:09:12

2

與任何項目,層數越多,你添加的東西就變得越慢。

在HTML/CSS的情況下,如果CSS被巧妙地編碼和優化,壓縮等,大多數樣式不會增加更多的處理/開銷。但是,添加的越多,處理的時間就越長。恕我直言,我會建議,除非有一個div,跨度等的有效需要,然後節省空間和毫秒,因爲它隨着時間的推移累加。請記住,每個有效的HTML標籤也是一個CSS標籤 - 例如,您可以輕鬆地使用CSS爲每個H1標籤設置樣式,因爲您可以將它包裝在div/span中或添加ID/Class屬性。

相關問題