44

現在、プラグインでは、設定によってチェックされたチェックボックスを設定していました

<input type="checkbox" checked="checked" />

これは、xhtmlの互換性を維持するためでした。私はプロパティとしてチェックされた設定に慣れています

<input type="checkbox" checked />

html5で続行する正しい方法は何ですか？それでもxhtmlの互換性を気にする必要がありますか？

4

5 に答える 5

41

どちらの場合も属性です。trueどちらの場合も、要素ノードの DOM プロパティに値 (同じ値、 ) を設定します。

ほとんどの場合、使用する構文は重要ではありません。ただし、注意すべき点がいくつかあります。

  • XML シリアライゼーション (「XHTML5」) で HTML5 を使用する場合は、checked="checked".
  • スタイリングでは、属性セレクターを使用する場合、構文はまったく同等ではありません (短い形式は に一致しません[checked=checked]) が、これは実際には問題ではありません:[checked]どちらの場合もチェックされたチェックボックスに一致します。
  • 不器用な構文checked="checked"は SGML からの持ち越しであり、互換性のためにのみ含まれているため、コードが時代遅れに見える場合があります (これはほとんど問題ではありません)。
于 2012-09-08T14:19:02.433 に答える
26 
<!-- Default to unchecked -->
<input type="checkbox">

<!-- Default to checked, XHTML -->
<input type="checkbox" checked="checked" />

<!-- Default to checked, HTML5 -->
<input type="checkbox" checked>

ソース: http://css-tricks.com/indeterminate-checkboxes/

于 2012-09-08T13:54:07.717 に答える
13

CheckedHTML 5 のブール属性です。真の値は属性が存在することで示され、偽の値は属性が存在しないことで示されます。存在する場合、その値は空にするか、プロパティ name に設定する必要がありますchecked="checked"。次のいずれかの形式が正しいです。

<input type="checkbox" checked="checked" />
<input type="checkbox" checked>

https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes

于 2012-09-08T14:01:10.327 に答える
5

HTML5 の XHTML シリアライゼーションを使用するドキュメントを作成する場合、application/xhtml+xmlMIME タイプを使用してドキュメントを排他的に提供するapplication/xhtml+xmlか、text/html('通常の' html MIME タイプ)。

のみを使用している場合はtext/html、XHTML 構文を気にする必要はありません。ただし、ページに SVG または MathML を埋め込む場合は、XML スタイルの自己終了構文を使用できます。(SVG は最新のブラウザーで広くサポートされていますが、MathML はあまりサポートされていません。) meta、link、input、img などのvoid/> HTML 要素を終了するために を使用することもできますが、これらの要素を終了するために を使用する場合と同じ効果があります。>

用語に関するマイナーなコメント。マークアップでは、一般的にcheckedorchecked="checked"は「属性」です。「プロパティ」は別のものです。

于 2012-09-08T14:33:07.950 に答える
0

http://www.w3.org/TR/html-markup/input.checkbox.htmlによると、それは属性です

于 2012-09-08T13:55:35.507 に答える