web-dev-qa-db-ja.com

HTML5属性を引用していますか？

HTML5では、属性の引用符はオプションです。

それらを引用することの長所と短所は何ですか？

id=example                     <!--quotes optional-->
href=http://example.com        <!--quotes optional-->
class="example example-1"      <!--quotes required due to space-->
href="http://example.com/p=47" <!--quotes required due to '=' sign-->

更新：回答に基づいて利点を追加：

すべての属性を引用する利点：

  • すべての編集者が適切に対処できます
  • より一貫性のある
  • 移植性の向上（Doctypeの変更が簡単）
  • 保守が容易です（特に属性が空になる可能性がある場合）
  • 変更を「見つけて置き換える」のが簡単
  • よりクリーンなドキュメント（引用が読みやすさを向上させると思う場合）
  • ？

省略オプションの引用符の利点：

  • ファイルサイズをわずかに削減
  • よりクリーンなドキュメント（最小限のテキストを好む場合）
  • ？
htmlhtml5performancestandards
62
ryanve

常に引用符を使用することに賛成です。

  • wayよりきれいで一貫性があります

  • すべての編集者が適切に対処できます

  • メンテナンスが簡単です-引用符がないため、値を壊さずに編集できます。

引用符を不要な場所にドロップしてドキュメントサイズに保存する数バイトは、言及する価値はありません（多分あなたがGoogleのホームページでない限り）。

63
Pekka 웃

すべての属性を引用しますが、引き続き引用します。主に、属性値の開始位置と終了位置を視覚的に区別するためです。

さらに、移植性と互換性の理由からも理にかなっています。引用符はHTML [5]ではオプションですが、XHTMLではnotオプションです。文書をXHTMLに変換する必要がある場合（WebkitブラウザーでSVGを表示する場合など）には、多くの退屈な作業が必要です。 本当に XHTML対HTMLの議論をtheする必要はありませんが、属性を引用しないのは面倒すぎるようです。

数バイトおよび数キロバイトの画像とJavaScriptライブラリをダウンロードする場合、ドキュメント本文に数バイトを保存してもほとんど意味がありません。

14
Courtney Christensen

すべての属性を引用することの利点の1つは、一貫性だと思います。

いくつかを引用する場合（スペースまたは特定の記号を使用）、それらすべてを引用する方が良いと感じています。

7
Jamie Dixon

場合によっては引用符が必要になるため、引用符を一貫して使用する必要があります。これにより、コードがよりクリーンで読みやすくなります。単に切り替えると、不必要な混乱が生じます。

7
shanethehat

HTML5は後方互換性を念頭に置いて設計されているため、属性の引用は問題ありません。多くの人は、XHTMLには引用符が必要なので、常に引用符を含めることは害にならないと主張しています。個人的に私は引用することを選択します。必須？番号。

ここに、私が妥当だと思ういくつかのガイダンスがあります。 http://www.impressivewebs.com/html5-syntax-style/

4
user164226