2011-08-15 98 views
10

他們被允許嗎?並且它們是否適用於所有瀏覽器?html屬性和值之間的空格?

例子:

<div role = "region" 
    id = "some-id" 
    class = "a-class another-class"> 
+0

「角色」無效,其餘驗證 – jackJoe

+5

@jackJoe - 角色在HTML5中有效。見http://dev.w3.org/html5/spec/content-models.html#wai-aria和http://www.w3.org/TR/wai-aria/roles#region – Alohci

+0

@Alohci謝謝! – jackJoe

回答

10

是的,空白的任何量是允許的,將在所有的瀏覽器。

一個考慮因素 - 這會增加頁面大小,所以如果考慮帶寬和性能,請嘗試限制使用的空白量。

+0

任何數量的空白符在屬性值之後是否允許引用屬性的* zero-width *? - 參考:http://stackoverflow.com/q/23887069/367456 – hakre

+0

不確定。我希望他們應該。 – Oded

+0

如果你問有* no *空格,那麼..不。這不被接受。 「任何數量」在這種情況下的確意味着「一個或多個字符」。這也在您所鏈接的帖子的接受答案中提到。 – apraetor

4

是的,它是完全有效的標記。所有瀏覽器都能很好地處理空白。

你有困惑的任何時間,您可以在官方W3驗證服務驗證碼:

4

是他們,而他們將在所有主要的瀏覽器,雖然我認爲這應該被認爲是不好的做法,包括不必要的空白,因爲它無意中增加了文檔的大小。

HTML,XHTML,XML和其他都是SGML的變種,所以如果你想知道什麼是不允許的一般,看看這個規範。您應始終通過W3C markup validators傳遞所有文件以確保其有效。

+0

好點。意識到我可以通過壓縮這個HTML節省20%。謝謝! –

+0

我認爲在可讀性方面的好處在於成本方面,特別是如果你使用壓縮機。使用模板預處理器時尤其如此,在該模板預處理器中,較大的屬性值會使標記無法讀取。 – rectangletangle