Właściwość href HTML <base>

Tag <base> HTML

Definicja i użycie

href Właściwość określa podstawowy URL dla wszystkich relatywnych URL-ów na stronie.

Wyjaśnienie

Element base może być używany do ustawienia podstawowego URL-u, na którym będą analizowane relatywne linki w dokumencie HTML.

Relatywne linki pomijają część URL-u z protokołem, hostem i portem, i muszą być w pełni sformalizowane na podstawie innego URL-u (albo URL-u określonego w base, lub URL-u bieżącego dokumentu).

href Właściwość określa podstawowy URL używany do analizowania relatywnych URL-ów w części dokumentu.

Przykład

Przykład 1

Określ podstawowy URL dla wszystkich relatywnych URL-ów na stronie:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Właściwość base href</h1>
<img src="flower.png" width="60" height="60" alt="tulip">
</body>
</html>

Spróbuj sam

Przykład wyjaśnienia

W tym przykładzie podstawowy URL ustawiono na https://www.codew3c.com/i/photo/. www.codew3c.com to nazwa domeny hosta, a /i/photo/ to katalog na serwerze zawierający pliki obrazów.

W części końcowej dokumentu znajduje się element img używany do odwoływania się do obrazów, który używa relatywnego URL-u flower.png. Kiedy przeglądarka ładuje obraz, połączy podstawowy URL i relatywny URL, aby uzyskać pełny URL:

https://www.codew3c.com/i/photo/flower.png

Przykład 2

Określ podstawowy URL dla wszystkich relatywnych URL-ów na stronie:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Właściwość base href</h1>
<a href="html_basic.asp">Podstawy HTML</a>
</body>
</html>

Spróbuj sam

Przykład wyjaśnienia

W tym przykładzie podstawowy URL ustawiono na https://www.codew3c.com/html/. www.codew3c.com to nazwa domeny hosta, a /html/ to katalog na serwerze zawierający pliki obrazów.

W części końcowej dokumentu znajduje się element a używany do generowania linków, który używa relatywnego URL-u html_basic.asp. Kiedy użytkownik kliknie na ten hiperłączy, przeglądarka połączy podstawowy URL i relatywny URL, aby uzyskać pełny URL:

https://www.codew3c.com/html/html_basic.asp

Wskazówka

Jeśli nie używa się elementu base lub nie ustawia się href atrybutu jako bazy URL, przeglądarka uzna URL bieżącego dokumentu jako punkt odniesienia dla wszystkich relatywnych URL.

Na przykład, zakładając, że przeglądarka ładuje dokument z tego URL https://www.codew3c.com/js/index.asp, w którym znajduje się hiperłącze używające relatywnego URL html_basic.asp, przeglądarka spróbuje załadować drugi dokument z absolutnego URL https://www.codew3c.com/js/html_basic.asp.

Gramatyka

<base href="URL">

Wartość atrybutu

Wartość Opis
URL Absolutny URL jako URL bazy (np. "http://www.example.com/").

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Tag <base> HTML