<base> …… 相対パスの基準URIを指定する
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
![Safari3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s3.gif)
![Safari4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s4.gif)
![Safari5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s5.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
![Safari3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s3.gif)
![Safari4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s4.gif)
![Safari5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s5.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Opera10](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o10.gif)
広告
このページでは、HTML5のbase要素を解説しています。
base要素の最新情報は、以下を参照してください。
<base>タグは、相対パスの基準URIを指定する際に使用します。
<base>タグを使用する場合には、一つの文書に一つだけ<head>~</head>の中に配置します。
一つの文書内で複数の<base>を指定することはできません。
<base>タグを使用する場合には、href属性とtarget属性のどちらか、または、両方を指定する必要があります。
href属性には基準URIを、target属性にはリンク先ターゲットを指定します。
base要素にhref属性を指定する場合、他の要素でURLが指定されているものより前に記述する必要があります。
ただし、HTML要素は除きます。
html要素のmanifest属性で指定するURIは、base要素で基準URIをした場合にもその影響を受けません。
■HTML4.01からHTML5へのバージョンアップによる変更点
base要素は、HTML4.01からHTML5へのバージョンアップで大きな変更はありません。
■属性
- href属性
- 基準となるURIを指定(必須属性)
- target属性
- リンク先ターゲットを指定
■使用例
HTMLソース
<!DOCTYPE html>
<html>
<head>
<title>HTML5のbase要素</title>
<base href=”https://htmqcom1.wpengine.com/tech/html/”>
</head>
<body>
<p>HTML4.01のbase要素の解説ページは<a href=”https://htmqcom1.wpengine.com/tech/html5/base”>こちら</a>になります。</p>
</body>
</html>
↓↓↓
ブラウザ上の表示
HTML4.01のbase要素の解説ページはこちらになります。
広告