SYNCERのロゴ
アイキャッチ画像

href属性 - 基準となる、ハイパーリンクのURL

base要素のhref属性は基準となるURLを指定する属性です。同じドキュメント内において各ハイパーリンクの相対URLは、ここで指定したURLを基準に算出されます。値の指定方法はa要素href属性と同じです。

概要

要素
base要素
DOM Interface
HTMLBaseElement.href
仕様書
https://html.spec.whatwg.org/multipage/semantics.html#attr-base-href

URLを表す文字列。値の指定方法はa要素href属性をご参考下さい。

<base href="https://syncer.jp/" target="_blank">

説明

a要素href属性の説明をご参考下さい。

デモ

href属性を指定したデモです。2つのリンクとも相対パスは、https://lab.syncer.jp/Web/を基準に計算されています。リンク先にページは存在しません。URLがhref属性を基準に算出されているかを確認しましょう。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	<base href="https://lab.syncer.jp/Web/" target="_blank">
</head>
<body>
	<p><a href="./hoge/fuga.html">リンク2</a></p>
	<p><a href="./hoge.html">リンク1</a></p>
</body>
</html>

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月14日 (木)
コンテンツを公開しました。