プロが教える店舗&オフィスのセキュリティ対策術

htmlのタグ属性でcheckedやselected属性がありますが、その正しい書き方がよくわからなく質問させていただきます。
下記のような書き方があるかと思います。

(1)<input type="checkbox" value="サンプル" checked="checked" />
(2)<input type="checkbox" value="サンプル" checked />
(3)<input type="checkbox" value="サンプル" checked="true" />

これらはいずれも正しいのでしょうか?
もし正しい場合、javascriptやjqueryから扱う事も考えた場合、どれが一番、よい書き方なのでしょうか?

以上、よろしくお願い致します。

A 回答 (2件)

htmlではなくて、HTMLです。

---この区別は大事なので。
それはさておき、いずれもHTMLでは誤りです。
 必ずname属性があるはずです。
 HTMLでは、/> として閉じる事はしません。>でとじます。
  XHTMLの場合は、/>です。HTML5の場合は許されます。

HTMLでは、
<input type="checkbox" name="hoge" value="サンプル" checked>
が正しい
<input type=checkbox name=hoge value="サンプル" checked>
も良い。(属性値に半角スペースや全角文字を含まない場合は"は省略できる。
 また、
<INPUT TYPE=checkbox NAME=hoge VALUe="サンプル" checked>
 でもよい。

XHTMLの場合は
<input type="checkbox" name="hoge" value="サンプル" checked="checked" />
です。
<input type="checkbox" name="hoge" value="サンプル" checked="checked"/>
 でもよいが、/の前の半角スペースがないと誤判断するブラウザがあるので半角スペースを置く--文法上の理由ではない。

 XHTMLは文法に厳密ですので、結果的にXMLでなければならない用途以外はHTMLを使うことになるでしょう。
 →「難しい技術は広く使われない( http://www.atmarkit.co.jp/news/200801/25/html.html )」

この様な場所では、断片的でしばしば誤った情報を得てしまいます。
わからないときは仕様書をチェックしましょう。正確で正しい情報が得られます。その上でわからないところを聞くのが効率的です。
 ⇒3.2 HTMLで用いられるSGML構成素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
 またinputは・・
<!ELEMENT INPUT - O EMPTY -- form control -->( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
 と書かれている。
<!ELEMENT INPUT   -     O     EMPTY       -- form control -->
<!要素  INPUT 開始タグ 終了タグなし 内容を持たない空要素 --フォームコントロール-->

もっと簡単なのは
 ⇒Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )
 のDATA入力(右上)を使う。
    • good
    • 0

(1)か(2)ね



(3)はないわ
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!