人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLについて。ほかの人が作ったフォームなどで、
・input の radio や checkbox の nameに [] がついた変数名が使用されている
→ <input type="checkbox" name="code[]" value="1">
・input の閉じるタグの直前に / が入っている
→ <input type="hidden" name="para" value="nantoka" />

というものを見かけます。

これは何かの流儀なのでしょうか?もしくは何かのライブラリを使う際の書き方なのでしょうか?

また、
・単純に改行する<br>のタグも<br />と記載されている。
もよく見かけますが、これも意味があるのでしょうか?

●質問者: bonyan
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML name タグ ライブラリ 変数
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● fraise
●15ポイント

XHTMLでは、空要素であっても必ず終了タグを付与するか、もしくは開始タグの末尾を /> としなければならない。

http://ja.wikipedia.org/wiki/Extensible_HyperText_Markup_Languag...

DWとか使うと自動でこうなったりした気がします。

◎質問者からの返答

ありがとうございます。なるほど、HTMLではなくて、XHTMLなのですね。確かにソースの上のほうでXHTMLについて宣言されているような部分がありました。DWとは、Dreamweaver の事でしょうか?

変数名に [] が付くことについてもXHTMLに関連することなのでしょうかね?ご紹介いただいたページには特に記載がなかったですが。


2 ● b-wind
●35ポイント ベストアンサー

・[] がついた変数名

CGI等を作成するフレームワークによってはそのような書き方をする場合もあります。

自分は使っていませんが、Ruby on Rails 等はそうらしいです。

HTML 的には特に問題は無いです。


・タグの直前に / が入っている

HTML では br 等は閉じタグ無しの単独で存在できますが、後継のXHTML では必ず閉じタグがなければなりません。

つまり、原則的にはそれぞれこうなります。

<input></input>
<br></br>

そしてこの書き方の省略形として以下の形も許されています。

<input />
<br />

XHTML は文法が厳密なのでこう書かないと文法エラーになります。

(ブラウザがどう表示するかは別にして)

◎質問者からの返答

ありがとうございます。Ruby on Rails については、名前は聞いたことがあったのですが、内容はさっぱりわかりませんでした。これから調べてみます。

閉じる直前の/についてもよくわかりました。


3 ● heppokoA
●30ポイント
<input type="checkbox" name="code[]" value="3">
<input type="checkbox" name="code[]" value="4">
<input type="checkbox" name="code[]" value="5">

のようにチェックボックスを作るとして、このチェックボックスにどちらもチェックを入れて送信すると,受け取り側のプログラムで送信値(「value="xxx"」のxxxの部分)である3・4・5を「配列」として扱えるようになります(=プログラムを作る上で扱いやすくなります)。

PHPというスクリプト言語ではこのようなことができますが,他の言語ではどういう扱いになるのか知らないので,すいません。

◎質問者からの返答

ありがとうございます。このソースを書いた方は確かにPHPを使っているようでした。ようは処理する言語によって、このように記述すると便利な場合がある、ということなのですね。


4 ● agguy
●10ポイント

[] がついた変数名:

個人的なものかと


閉じるタグの直前に / が入っている:

XHTML1.1から空要素タグは /> で終わるように定義ざれています。

タグ文字を小文字で書くこともXHTML1.1からです。


ちなみに、HTML 4.01までは空要素タグは> で終わり、タグ文字は大文字小文字どちらでも可でした。

◎質問者からの返答

ありがとうございました。これにて質問を終了させていただきます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ