2014年4月3日木曜日

html内のリンクURLは絶対パスで書いた方がよい

html内にリンク貼るときには絶対パスで書いた方がよいです。
例えばユーザーが自由にhtmlタグを入力できるようなサイトの場合、
タグ内に<base>タグを入れると、
そのページ内の相対パスがすべて<base>タグで
指定されたドメインのものになってしまいます。

<a href="http://www.google.co.jp/test.html">link 01</a><br/>
<a href="https://www.google.co.jp/hoge.html">link 02</a><br/>
<a href="test.html">link 11</a><br/>
<a href="hoge.html">link 12</a><br/>
<base href="http://yahoo.co.jp"/>
<a href="test.html">link 21</a><br/>
<a href="hoge.html">link 22</a><br/>
こういうページがあったとき、
link01とlink02はそのまま指定されたドメインのURLになりますが、
それ以外の4つは<base>タグで指定したドメインのURLのリンクになってしまいます。
なので、普段から絶対パスで書くようにしといた方がよいです。


サンプルソースgithubにあげました
https://github.com/syakasyaka/html/blob/master/base-tag.html

0 件のコメント:

コメントを投稿