html5入門html5 タグリファレンス

base


用途

相対パスの基準URIを指定する。
headerにbaseを指定する事でbody内部の相対パスがbaseからのパスになります。

ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>baseで相対パスを指定</title>
<base href="http://html5.imedia-web.net/">
</head>
<body>
<header><h1>baseで相対パスを指定</h1></header>
<nav><ul><li><a href="">Home</a></li></ul></nav>
<article>
<h2>baseで相対パスを指定</h2>
<p>baseで相対パスを指定するとリンク先を指定できます。</p>
<a href="">トップ</a>
</article>
<footer><a href="">html5入門</a></footer>
</body>
</html>

サンプルコードの表示結果


« title | link »