aタグの「〜html?p2#〇〇」について

Question

リンクなのですが、

"""
<a href="〜html?p2#〇〇"></a>

"""
のように"""?p2"""をつけるということはどういった効果があるのでしょうか（※〇〇の部分はアンカーリンクのためにname属性に指定した値です。）。

調べても見つかりませんでした。
私が使っていたわかったことはアンカーリンクのときにこれを付ける必要があるように思ったということですが正確な仕様がよくわかりませんでした。

Comments

[SurferOnWww]

どのような場合も必ず p2 というクエリ文字列が付くということですか？

[defghi1977]

質問するにも基礎的なスキルが必要とは言え, think49さんのおっしゃっているとおり, もう少しあなたが「何を知りたいのか」について整理した上で質問したほうが的確な回答が得られるとは思います.

[kansya]

遅くなってすみません。もう一度いただいた回答を見て考え直してみます。

Answer 1

a要素

• 4.5.1 a要素 - HTML Standard 日本語訳
• 4.6.3 aおよびarea要素に対するAPI - HTML Standard 日本語訳

hyperlink . search
ハイパーリンクのURLのクエリー（空でない場合先頭の"?"を含む）を返す。
URLのクエリー（先頭の"?"を無視する）を変更する設定が可能である。

hyperlink . hash
ハイパーリンクのURLのフラグメント（空でない場合先頭の"#"を含む）を返す。
URLのフラグメント（先頭の"?"を無視する）を変更する設定が可能である。

「クエリ文字列」と「フラグメント識別子」

a要素のname属性

※〇〇の部分はアンカーリンクのためにname属性に指定した値です。

a要素のname属性は XHTML 1.0, HTML 5 (HTML Standard) で廃止されました。
a要素のname属性を使用する為には、DOCTYPE宣言で HTML 4.01 を宣言しなければなりません(MUST)。

RFC3986

• 3.4. クエリ - Uniform Resource Identifier (URI): 一般的構文
• 3.5. フラグメント - Uniform Resource Identifier (URI): 一般的構文

PHP

• PHP: 外部から来る変数 - Manual
• PHP: $_GET - Manual

調べても見つかりませんでした

調べても見つかりませんでした。

「何を調べ、調べた内容の何が足りなかったのか」を詳しく書くべきだと思います。
回答する立場としては、回答しても「それは調べましたが、分かりませんでした」と後出しされるリスクを負うのは困ります。

正確な仕様がよくわかりませんでした。

仕様を知りたいそうですが、仕様書のURIを開示すれば満足するでしょうか。
一口に仕様といっても、HTTP, HTML, URI 等、仕様の対象がいくつかありますが、あなたが知りたいのはどの仕様ですか。

Re: kansya さん

Comments

[kansya]

詳細にご説明くださりありがとうございます。
もう一度いただいた回答を見て考え直してみます。

Answer 2

詳しい説明はURL標準仕様に記載されています.

参考
https://url.spec.whatwg.org/

ただこれだけ見てもなんのことか判りにくいので, 試しに次のダミーURL文字列をJavaScriptで解析すると次のようになりました.

console.log(new URL("http://user:[e-mail]:8080/directory/file.htm?query=a#hash"));

プロパティ	得られる値	意味（ざっくりと）
href	http://user:[e-mail]:8080/directory/file.htm?query=a#hash	URLの全体
origin	http://test.com:8080	リソースの所在(→CORS)
protocol	http:	通信に用いるプロトコル
username	user	ユーザー名
password	pass	パスワード
host	test.com:8080	通信先のホスト
hostname	test.com	通信先ホスト名
port	8080	通信先のポート番号
pathname	/directory/file.htm	リソースの位置
search	?query=a	文書の検索条件
hash	#hash	得られた文書内の位置(→id属性等)

Comments

[kansya]

ありがとうございます。
仕様書があったんですね。
もう一度考え直してみます。

Answer 3

「?~~~」は、クエリーです。
おもに検索結果のリストとかで、検索条件として付けられることが多いです。

「#~~~」は、ハッシュです。
ページ内リンクをした時、その繊維先のIDがつくのがデフォルトの動作です。
別ページから遷移した時にハッシュがついていれば、そのIDの箇所に移動します。

アンカーリンクのときに、?~~を付ける必要はありません。
クエリとハッシュは別ものと考えてください。

それを踏まえたうえで、今一度現状のサイトで動作を確認し、整理するのがいいと思います。

Comments

[kansya]

遅くなってすみません。もう一度いただいた回答を見て考え直してみます。