短いhtml/cssの構文：<div a b c></div> - 理由はありませんか？

Question

標準に準拠した構文とセマンティクスが重要ではない場合に、私が現在どのようにhtmlを書いているかについて議論したいと思います。（私の主義：すべてのデバイスでうまくいけばOKです）

私は次のように可能な限り私のHTMLは限り短くします：

CSSで

<i x y z="0"><b a b c></b></i> 

：

[x]{something} 
[y]{something} 
[z="0"]{...} 
... 

だからこれは私の好みのためによこしまにある通常のクラスの構文である代わりに。私にとって

長所：

• それは短いですし、コード
• それは、インスタンストグル属性値のために素敵な作品のJavaScriptと組み合わせると、値
• に依存スタイリング作りを入力するより少ない時間を要します私はそれは短いが、私はcssについてはわからない、多分CSSのクラスは、カスタム属性よりもはるかに高速に処理されているので、htmlはマシンで処理する方が速いと思いますか？ <
• が、それは私がパフォーマンス/技術的な観点からこれを行うにはない何か良い理由があるかどうかを知りたいのです

動作しないケースを発見していないコメントしてください。しかし、「コードは読み込み可能でなければならない」という観点からではありません。

Answer 1

HTML仕様では、無効な属性が見つかった場合にブラウザが行うべきことは述べていません。最悪の場合、コードが検証に失敗するということだけが起こります。

私はHTMLが、それはほとんど常にないコードよりも遅くなりますスペック/パーサを戦う短い

コードですので、機械で処理する方が速いと思います。これは、ブラウザ開発者は、HTMLが最初から最後まで下位互換性があることを前提としているため、不適合コードに対する特別な処理を記述する必要があるからです。属性名の上に数バイトを削ったという理由で、「速いです」と言われるのは根拠のない文であり、コードレビューでは笑い声があふれています。

Answer 2

規格に準拠構文と意味は、PhoneGapのアプリ

そして、何のPhoneGapは、あなたが標準準拠していますので、あなたのコードを壊すアップデートを取得する場合についてでのような、それほど重要ではありませんか？

それは短いですし、それはあるかもしれない初めにコード

を入力するために、より少ない時間を要するが、それは大幅に保守性を低下させます。だからしばらくしてから何かを変更する必要があるならば、あなた自身のコードを理解することに問題があるので、コーディングは本当に遅くなります。

htmlはマシンが処理する方が速いですが、CSSの方が分かりません。おそらくCSSクラスはカスタム属性よりもはるかに高速に処理されていますか？

解析には大きな違いはありません。

優れたコーディングスタイルは、チームに別の人物を追加するスタイルであり、コードを理解する努力は可能な限り低いです。