3

あまりにも初歩的な質問で失礼します。

例えば、

http://www.example.com/index.html?a=1
http://www.example.com/index.html?a=1&b=2

のようなURLがあるとします。

上記URLの末尾にindex.html?a=1とかindex.html?a=1&b=2など、
?以下がURLパラメータということを最近知りました。

この「?a=1」とか「?a=1&b=2」という箇所(パラメータ)は、
"通常"はPHPなどのプログラミング言語から出力されるものなのでしょうか?
それともHTMLで出力されるものなのでしょうか?

ご教授よろしくお願い致します。

1
  • FYI: URLパラメータと呼ばれることもありますが、"クエリ(Query)文字列"の方がより正確かもしれません。RFCでもURI(URL)の?以降を"Query"と呼んでいます。
    – yohjp
    Commented 2015年2月11日 12:53

3 件の回答 3

7

クエリストリングと言われている部分ですね。
「PHP」や「HTML」が出力しているというよりは「HTTP」まで話が進みます。

例えば、こんな感じのHTMLがあったとして

<form name="form1" method="xxx">
  ユーザID:<input type="text" name="id"><br>
  パスワード:<input type="password" name="pw"><br>
</form>

「method="xxx"」の部分を

「method="GET"」

とした場合、下記のように送信されます

http://hogehoge/fugafuga/login?id=user&pw=password

「method="POST"」

を指定した場合はクエリストリングはつきません。
※送れていないわけではなく、この場合はHTTPリクエストのボディに格納されています。

http://hogehoge/fugafuga/login

注意点として、クエリストリングはセキュリティ的に弱いところがあるので、
重要な情報はGETでは送らない方が望ましいと思います。

参考:クエリストリングから情報が漏れる
http://www.ipa.go.jp/security/awareness/vendor/programmingv1/a01_04.html

2
  • 早速のご回答ありがとうございます。 「クエリストリング」! 始めて目にした用語です。 勉強になります。 ご説明から読み取ると、HTMLだけでURLパラメータを付加することができるんですね。 あと、確かにパラメータにユーザーIDやパスワードが表示されるとマズイですね。 Commented 2015年2月11日 13:09
  • @Web_beginner じゃあ「POST」で送信するようにすれば安全性は十分か、というと全然そんなことは無いのですが、今回の質問からだいぶ離れてしまうので、ここでは言及していません。Webサービスを行う上では重要な知識ですので、お時間に余裕があれば調べておくと後々役に立つと思います。
    – ita_3y
    Commented 2015年2月11日 14:37
6

あなたが URL と呼んでいるものは、 Uniform Resource Locator の略で、リソースがある場所を示している文字列です。URLのうち、 ? 以降 # より前の部分はクエリ文字列 (query component / query string) と呼ばれます。 クエリ文字列がどこで作られるかは、プログラムに依ります。

ウェブページの話の場合、一般的には、URL は HTML 内で指定され、ブラウザがそれがさす場所へアクセスを行うものです。 HTML では、 (1.) <a> 要素にクエリを含んだ URL が指定されるか、 (2.) <form method="GET"> 内の <input> 要素の情報がクエリとして付けられ送信される、もしくは、 (3.) <img ismap> のイメージマップがクリックされた位置がクエリとして付けられ送信されることになっています。

  1. <a href="page.html?key1=value1">リンク名</a>
  2. <form method="get" action="page.html"><input type="text" name="key1" /></form>
  3. <a href="page.html"><img src="someimage.gif" ismap /></a>

<pre>&lt;a href=&quot;page.html?key1=value1&quot;&gt;リンク名&lt;/a&gt;</pre>
<a href="page.html?key1=value1" target="_self">リンク名</a>
<hr/><pre>&lt;form method=&quot;get&quot; action=&quot;page.html&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;key1&quot; /&gt;&lt;input type=&quot;submit&quot; value=&quot;Submit&quot; /&gt;&lt;/form&gt;(スニペットでは動きません)</pre>
<form method="get" action="page.html"><input type="text" name="key1" /><input type="submit" value="Submit" /></form>
<hr/><pre>&lt;a href=&quot;page.html&quot;&gt;&lt;img src=&quot;someimage.gif&quot; ismap /&gt;&lt;/a&gt;</pre>
<a href="page.html" target="_self"><img ismap src="http://i.imgur.com/PWSOy.jpg"  /></a>

また、 JavaScript では、ブラウザに命令してURLへアクセスさせることができます。殆どの場合 URL 文字列に直接 ? 以降のクエリを付けて (1.) 場所を開くか、 (2.) 場所からデータを取得するか、 (3.) <form> の送信メソッドを呼ぶかになるでしょう。

  1. window.location="page.html?key1=value1"; or window.open("...");
  2. new XMLHttpRequest().open("GET", "page.html?key1=value1", true).send();
  3. document.getElementById("form1").submit();

また、PHP 等がサーバ側で JavaScript もしくは HTML を生成するために使われたりもしますね。

(基本的にといえば、しごく基本的なところなので、 HTML4 (1) / HTML5 (2) (3) の仕様の他、 RFC 1738 (4) / 3986 (5) 等に目を通しておくとよいです。)

3
  • ご回答どうもありがとうございます。せっかくご回答いただいたのに中段以降のお話が難しくて・・・。すみません・・・。もっと勉強します。 でも、気になるところがありました。「Show code snippet」というところを空けてみると沢山のコードが記述されており、「&lt;」や「&gt;」など埋め込まれていました。これは確かサニタイジングというんですよね?これはどういったときに使うのが適切なのでしょうか?何でもかんでもサニタイジングしてしまうとコードが読めなくなってしまうような気がして。ご教授よろしくお願い致します。 Commented 2015年2月11日 14:34
  • 1
    HTML のところだけ理解できればいいと思います...(難しいのは私に非があると思います) &lt; はHTMLエンティティ文字列と呼ばれ、こうすることをエスケーピング?(エスケープする)と呼びます。<> がタグの一部と解釈されないようにしただけです。 Run code snippet ボタンを押すとタグの記述になって見える部分で、わかりやすくしたつもりが仇になりましたね... サニタイジングはまったく別のもので、いろいろ意味があります。 Commented 2015年2月11日 14:44
  • 分かりました。まずはHTMLの箇所を確実に理解するようにいたします。サニタイジングについては、今回元々の質問から得たい情報とは外れますので、過去質を検索してみます。また過去質になければ、新たに疑問点として質問させていただきます。 Commented 2015年2月12日 0:48
1

貴方がその文字列をブラウザに直接入れたのでなければ、そのページに来る直前の動作にそういった文字列を含むページをリクエストしなさいという命令が入っていたのです。
ブラウザはそれを表示しているだけです。
その命令をだれがだすのか?というと直接的にはHTMLですね。それを作っているのはPHPだったり、ブラウザ上で動くJavascriptというものであったりしますが。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。