2011-08-15 31 views
10

許可されていますか?それらはすべてのブラウザで動作しますか?html属性と値の間にスペースがありますか?

例:

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

'role'は有効ではありません。残りは有効です – jackJoe

+5

@jackJoe - ' role'は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

空白は、属性値の後に引用された属性に対してゼロ幅*を許しますか? - Ref:http://stackoverflow.com/q/23887069/367456 – hakre

+0

それについてはわかりません。私は彼らがすべきだと思います。 – Oded

+0

*空白がないことを尋ねる場合は、no。それは受け入れられません。 「任意の量」とは、実際には、この文脈では「1つ以上の文字」を意味する。それはあなたがリンクした投稿の回答にも言及されています。 – apraetor

4

はい、これは完全に有効なマークアップです。空白はすべてのブラウザでうまく処理されます。

4

はい彼らは、彼らはあるが、すべての主要なブラウザで動作します:

あなたは混乱を持っていつでも、あなたは公式W3検証サービスであなたのコードを検証することができます私は、ドキュメントのサイズを無駄に増やすので、不必要なホワイトスペースを含めることは悪い習慣とみなされるべきだと言います。

HTML、XHTML、XMLなどはすべてSGMLの亜種です。したがって、一般的に許可されているかどうかを知りたい場合は、その仕様をご覧ください。有効な文書であることを確認するには、すべての文書をW3C markup validatorsで渡す必要があります。

+0

良い点。私はこのHTMLを圧縮することで20%節約することができました。ありがとう! –

+0

私は、特にコンプレッサーを使用している場合、読みやすさの点でコストがかかると思います。これは、テンプレートのプリプロセッサを使用する場合に特に当てはまります。テンプレートのプリプロセッサでは、属性値が大きいとマークアップが判読できなくなる可能性があります。 – rectangletangle

関連する問題