web-dev-qa-db-ja.com

html5でチェックボックスをチェック済みに設定するには、checked（プロパティとして）またはchecked = "checked"（属性として）を使用するだけですか？

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

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

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

<input type="checkbox" checked />

Html5を続行する正しい方法は何ですか？xhtmlの互換性に引き続き注意する必要がありますか？

htmlhtml5xhtml
44
Nicola Peluchetti
<!-- 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/

25
user1649331

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

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

https://www.w3.org/TR/html5/infrastructure.html#sec-boolean-attributes

11
jncraton

HTML5のXHTMLシリアル化を使用するドキュメントを作成する場合、application/xhtml+xml mimeタイプのドキュメントを単独で提供するか、application/xhtml+xmlまたはtext/html（「通常の」html MIMEタイプ）。

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

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

5
Alohci

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

0
Dirk McQuickly