• ベストアンサー

意味がわからないタグ・・・削ってOK?

レイアウトソフトを使用してホームページを作成したり、 ソースを貼り付けたりしていると何故そこにそのタグが 存在するのか???なときがあります・・・。 スイマセン、教えてくだささい。 ■1 <INPUT type=submit name=aaa VALUE="検索"> このnameが何ものなのかわかりません。 省略するとどっかで弊害が起きるのでしょうか? ■2 <div align="right"></div> divって意味がないようですが、 省略したらまずいのでしょうか??align="right"は他に組み込むって感じで。 divがどういう価値があって なんで使われているのか教えてください。 ■3 コメントタグって一般的に使うものなのでしょうか? あまり最近みないような・・・。 それにレイアウトソフト上で 黄色のビックリマークみたいなのが 表示されてそれが邪魔くさいような・・・(^^; ■4 <input type="hidden" name="c" value="web"> この場合、valueの指定っていります? 少しでも余計なものは削って スリム化したいと思っています。 つまらない質問で申し訳ございませんが よろしくお願いします。 1つだけでも答えていただけると幸いです。

  • HTML
  • 回答数5
  • ありがとう数7

質問者が選んだベストアンサー

  • ベストアンサー
  • arick
  • ベストアンサー率21% (84/382)
回答No.3

>■1 … <INPUT type=submit name=aaa VALUE="検索"> について このタグに付けた名前で、この名前が付いていることで、他から参照する時に、名前で呼ぶことが出来ます。 名前が***の入力タグにセットされている内容は何か? … っていう感じです。 どこでも参照されていなければ、省略は可能です。 >■2 … <div align="right"></div> について このタグの中に何も無いので省略してもレイアウトがくずれないようであれば無くてもいいと思います。しかし、nameなどが設定されていると、タグ内が変化する場合があるので、意味はあると思います。 align="right"は右に寄せるっていうことですが、寄せる内容が無いので(^^;) >■3 … コメントについて コメントは複雑なソースを分かりやすくする為に便利なタグだと思います。 ここから下は変更しました…なんて書いてあったら、上の部分はまだだったのか…なんて具合に使ってます。 >■4 … <input type="hidden" name="c" value="web"> の valueについて これは入力される前の変数の値みたいに使用します。これを設定しているということは、受け取った側で判断する時に、value=webだった時…というように、入力された値を使い分けられるのです。

mamelight
質問者

お礼

ご丁寧にありがとうございます。助かります。 なるほど、1は参照する際に意味がでてくるのですね 2はタグ内が変化すると、いうのはどういう場合でしょうか?スイマセン・・・(^^; 3はなるほど。わかりました。必用な部分は使いたいと思います。 4は灰色のボタンの文字を決めるだけではなく、そういう意味もあったのですね。

その他の回答 (4)

  • A__
  • ベストアンサー率47% (22/46)
回答No.5

div には意味がありません。 <p align="right">あああ</p> これで、「あああ」 は右に表示されるけど、 <p> の意味である 「段落」 を必用としないなら <p> を使う必用もない。 でも、何かのタグを使わないと align="right" の 指定ができない。 そんな時、<div> を使う。 <p align="right">あああ</p> と <div align="right">あああ</div> は見た目はほぼ同じ。 <p> には前後に空行が入るから、 <br><br><div align="right">あああ</div><br> とすれば、見た目は全く同じになる。

mamelight
質問者

お礼

ありがとうございます、divがよく理解できた気がします。感謝。 何もalign="right"を組み込むタグがないときに、使うって感じでしょうか。

  • sinx
  • ベストアンサー率29% (14/47)
回答No.4

一応間違えておられる部分があるので言っておきます。 > 4は灰色のボタンの文字を決めるだけではなく、そういう意味もあったのですね。 4はボタンの文字とは関係ありません。 4はソース以外には表示されていませんが、 送信ボタンを押されたときにデータが隠れて送られています。 ユーザの気づかないところでこっそりと送る隠しフィールドです。 "hidden"という英語を調べていただければわかると思います。

参考URL:
http://tohoho.wakusei.ne.jp/html/input.htm
mamelight
質問者

お礼

ありがとうございました、 はい、そうですね、隠しデータになっていますね。 スイマセン、回答の仕方が悪かったです。 灰色のボタンはsubmitのときとか、そういう役割を果たすって いう意味合いです。紛らわしくてすいません。

  • pankey
  • ベストアンサー率19% (6/31)
回答No.2

なんだか、ビルダーの「どこでも配置」に出てきそうな内容ですね。 私もよく、もらい物のスクリプトを触る時に、同じファイルを名前を変えて保存して、変えた方で、先のお答えにあったように、変更しながら見ていきます。 これが一番早いです。 あと、上記の質問のvalueは?とかは、その近辺の関係する所を全部見ないと ちょっと、説明しずらいですね。 align="right"を他に組み込むというのは、スタイルシートでくくってしまうと言う事ですか?まあ、右に寄せるというだけですからねえ。 htmlを削って一体どのくらい軽くなるものかは、疑問ですねえ。

mamelight
質問者

お礼

なるほど、どうもありがとうございました。 そうですね、変更しながら見ていくのが一番はやいですね。 >スタイルシートでくくってしまうと言う事ですか? cssで定義してもいいですし、<p align="right">あああ</p> という風にもできると思いますし・・・ まぁ、そうですね、どれだけ軽くなるかといわれますと・・・。 ただ、どうも私は完璧主義者なのかもしれません(^^;

  • kku
  • ベストアンサー率15% (2/13)
回答No.1

2. <div align="right"></div> ですが、ためしに削ってみて 文や図が、動いてしまうかどうか試してみては なんかの拍子に動いてしまわないように 固定しておいても良いような気がしますが 3.コメントタグは、私は使いますね 自分でわかりやすいように、タグの説明をしたり 誰かが、ソースコードを見たときに 笑えるような 小ネタをちょろっと書いたりします 

mamelight
質問者

お礼

ありがとうございますした。感謝。 そうとりあえず、削ってみて大丈夫かな、と思うんですが、 本当に大丈夫かちょと不安があるのです^^; ただ、厄介なのはソースをなるべく綺麗にして、 できるだけ削りたいという性分なようです^^; でも。そうですね、削らない方が安心できますね。 笑える小ネタですか~なるほど(^^)

関連するQ&A

  • フォームのレイアウト

    以下のようなフォームを作成しましたが、検索ボタンの下が妙に余っているのです。 これを上側と同じようにくっつけたいのですが、どうしたらよいでしょうか? よろしくお願いします。  <table border="1" width="200" border="0" cellspacing="0" cellpadding="2"> <tr><td> <div align="center" valign="middle"> <form method="get" action="url" target="_blank"> <input name="sitem" type="text" id="inputbox" size="20"><BR> <input name="Submit" type="submit" id="inputsubm" value="検索"> <input type="hidden" name="sv" value="6"> <input type="hidden" name="sid" value="12345"> <input type="hidden" name="su" value="bbb"> <input type="hidden" name="sn" value="aaa"> <input type="hidden" name="v" value="3"> </form></div> </td></tr></table>

    • ベストアンサー
    • HTML
  • google検索の結果反映がおかしい

    自分のHPにgoogle検索フォームを埋め込んでいたのですが、なぜか急に検索結果がうまく反映されなくなりました。なぜでしょうか。タグがおかしくなったのでしょうか? 以下はそれです。 <form action="http://www.google.co.jp/search?" target="_blank"><div align="right"><input maxlength=255 size=31 name=q text><input type=hidden value=ja name=hl><input class=inputbtn_1 type=submit value=Google検索 name=btnG></div></form>

  • メールフォームについて

    この中にどのようなHTMLを書けば自分のPCにメールが届く ようになりますか?よろしくお願いします。 <h2>■MAIL FORM</h2> <div class="text"> <form><table><tr><td width="100" align=right> NAME</td><td align=right><input type="text" name="Name" size="34"></td></tr><tr><td width="100" align=right> MAIL</td><td align=right><input type="text" name="Mail" size="34"></td></tr></table> <TEXTAREA NAME="Comments" ROWS="8" COLS="39" value="comments"></TEXTAREA> <br> <table><tr><td width="100" align=right> </td> </tr><tr> <td width="100" align=right> URL</td><td><input type="text" name="URL" value="http://" size="34"></td></tr><tr><td></td><td align="right"> <INPUT TYPE="reset" VALUE=" Reset "> <INPUT TYPE="submit" VALUE=" Send "></FORM> </td></tr></table><br></div>

    • ベストアンサー
    • HTML
  • サイト内検索のタグ(CGI禁止の場合)でうまくいかない・・・(涙)

    cgiを使わないサイト検索機能をホームページにつけるため、 googleを使ったサイト内検索を行うタグをソースに入れたところ、うまく動作しません。 (仮に検索対象となる自分のホームページのドメインをwww.abc.ne.jpとします) <form action="http://www.google.co.jp/search" method="get"> <input type="hidden" name="as_dt" value="i"> <input type="hidden" name="as_epq" value="abc"> <input type="hidden" name="as_eq" value> <input type="hidden" name="as_occt" value="any"> <input type="hidden" name="as_oq" value> <input type="hidden" name="as_sitesearch" value="abc.ne.jp"> <input type="hidden" name="lr" value> <input type="hidden" name="num" value="10"> <input type="text" size="20" name="as_q"> <input type="submit" name="btnG" value="検索"> </form> http://www.abc.ne.jp/abcのサイト内を検索したいのですが、 この場合だとhttp://www.abc.ne.jp/のサイトも検索にかかってしまいました。 http://www.abc.ne.jp/abc内だけをサイト内検索するフォームタグはあるのでしょうか? 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • IEでFORMタグを入れると空白ができる

    IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。 自分なりに切り分けをしたみたところ下記のような結果になりました。 1、XHTML1.0をHTML4.0に変更すると正常に表示 2、Firefoxで開くと正常に表示 3、FORMタグを外すと正常に表示 4、このhtmlファイルをローカル(自身のPC上)で表示すると正常に表示 (Webサーバにアップロードすると現象が現れる) ソースは以下の通りです <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <table border="0" width="800"><tr> <td><font color="#000080"><b>サブメニュー</b></font></td> <td width="20"></td> <td align="right"> <input type="button" value="戻る" onclick=window.open("http://www.xxxx.xxx/xxx.html","_top")> </td></tr></table> ※この間に空白ができます※ <table border="1" cellspacing="0" cellpadding="5" width="800"> <tr><th nowrap class="l" width="270">商品A</th> <th nowrap class="l" width="100">商品A</th> <th nowrap class="l" width="270">商品名B</th> <th nowrap class="l" width="100">商品B</th> <p></tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> </table> </p> </html> 実際にはもっと長い表になるのですが<tr></tr>を増やせば増やすほど空白が大きくなります。 どうすれば解消できるでしょうか ご存知の方がいらっしゃいましたらご教授願います。 いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • むかし、Googleが入ってたページ

    昔、個人のHPで、Googleの検索が入ってたページを見かけた事がありました。 自分のホームページ内検索とか呼ぶような事できるのですか? それとも、フレーム割してGoogleのTop入れてただけかな?フレーム領域使ってなにかできますかね?? <body bgcolor="#ffffff"> <form method="get" action="http://検索サイト/vc"> <input type="hidden" name="sv" value="6"><input type="hidden" name="sid" value="何か値入れる"> <input type="hidden" name="su" value="hopepage"><input type="hidden" name="sn" value="hpage"><input type="text" name="sitem"><input type="hidden" name="f" value="A"> <input type="submit" value="google検索&quot;&gt; "#4c4d17" width="402"> <div align="left"></body> このタグは適当なんですが、ftpでcgiを上げるのは 禁止されてるので、なにか、簡単にできるHPの検索方法探してます。これはあてずっぽの予測なので この世にあるかどうかもわかりません。

    • ベストアンサー
    • HTML
  • 「○○○@××.△△: HTTPリクエストにRefererがありません。」?

    メールフォームを作成したいのですが、試しに送信すると「○○@××.△△: HTTPリクエストにRefererがありません。」と表示されます。どこがおかしいのか教えて下さい。 以下にHTMLを記述します。 「」内にはHPアドレス(Infoseek)とメールアドレス(Infoseekメール)を記述済みです。 <FORM METHOD="POST"ACTION="http://www.altoworld.com/*****/post.cgi"> <INPUT TYPE="hidden" NAME="_location" VALUE="「送信後戻るページ」 "><INPUT TYPE="hidden" NAME="_subject" VALUE="メールフォーム"><INPUT TYPE="hidden" NAME="_mailto" VALUE="「メールアドレス」"><div align="center"><center><table border="1" bordercolor="#000000"><tr><td align="center">ハンドルネーム</td><td align="center" bordercolor="#FFFFFF"><INPUT TYPE="text" NAME="名前" SIZE="20"></td></tr><tr><td align="center">メールアドレス</td><td align="center" bordercolor="#FFFFFF"><INPUT TYPE="text" NAME="MAIL" SIZE="20"></td></tr><tr><td align="center">ホームページ</td><td align="center" bordercolor="#FFFFFF"><INPUT TYPE="text" NAME="URL" SIZE="20" VALUE="http://"></td> </tr><tr><td align="center">ご感想をどうぞ</td><td align="center" bordercolor="#FFFFFF"><p align="center"><TEXTAREA NAME="感想" COLS="22" ROWS="2"></TEXTAREA><br><INPUT TYPE="submit" VALUE="送信"><INPUT TYPE="reset" VALUE="リセット"></td></tr></table></center></div></FORM>

    • ベストアンサー
    • HTML
  • フォームでのタグについて

    検索フォームに IDを入力して ブログを表示するようなURLでリンクしたいと考えています。 <form method="get" action="http://blog.goo.ne.jp/" class="search" target="_blank"> <div> <input type="text" name="ID" class="textBox"><input type="hidden" value="/"> <input type="submit" value="検索" class="btn"> </div> </form> 上のようなhtmlタグを作りましたが うまく http://blog.goo.ne.jp/synchro-night/ http://blog.goo.ne.jp/(IDをフォームで入力)/ のようなリンクができません。 どのように変えればよいのでしょうか? JavaScriptで する必要があるのでしょうか?

    • ベストアンサー
    • HTML
  • name="shocd"はなんのタグでしょう。

    <input type="hidden" name="shocd" value="0002"> の中のname="shocd"というのは何を表しているのでしょうか。タグ辞典にも載っていないのでお願いします。

  • HTMLのinputタグ数が変わる場合のjavascript処理

    HTML上にinputタグが複数あって、その値をJavascriptで配列として受け取るコーディングをしています。 例えばこんな感じで・・・ 【サンプル1】 <form method="post" action="***.cgi" name="form1" onsubmit="return valueCheck(this);"> <input type="hidden" name="wData" value="aaa"> <input type="hidden" name="wData" value="bbb"> </form> function valueCheck(wForm) { document.write('wData='+wForm.wData[0].value); document.write('wData='+wForm.wData[1].value); } ただ、inputが1つしかない時もあるのですが、そのときの値が配列で受け取れません。 下記のように修正すると動くので、配列じゃないただの値だと判断されているようです。 【サンプル2】 <form method="post" action="***.cgi" name="form1" onsubmit="return valueCheck(this);"> <input type="hidden" name="wData" value="aaa"> </form> function valueCheck(wForm) { document.write('wData='+wForm.wData.value); } inputの値がいくつあるのかは都度変わるので、1つの時でも配列で処理したいのですが どのように記述すればいいのでしょうか。