Określanie podstawowego adresu URL dokumentu za pomocą elementu HTML

Strony internetowe są zbudowane z szeregu linków, wskazujących na strony i źródła, takie jak obrazy i arkusze stylów. Istnieją dwa sposoby podaj adres URL, który prowadzi do tych źródeł: użyj ścieżki bezwzględnej lub ścieżki względnej.

Ścieżka bezwzględna odnosi się do konkretnego miejsca docelowego, zwykle rozpoczyna się od nazwy domeny (wraz z HTTP) www.domain.com/destination/source.jpg. Ścieżka względna jest odwrotna: miejsce docelowe łącza zależy od lokalizacji głównej lub w większości przypadków nazwy domeny witryny.

Typowa ścieżka względna wyglądałaby następująco:

Jeśli twoją domeną jest na przykład, hongkiat.com ścieżka obrazu zostanie rozwiązana hongkiat.comimages_2 / specyfikacja-dokument-baza-url-z-html-base-element.png. Powinieneś to zrozumieć, jeśli od jakiegoś czasu tworzysz stronę internetową.

Ale większość z was prawdopodobnie nie słyszała o element. Ten znacznik HTML istnieje od czasu HTML4, ale bardzo niewiele widać na temat jego implementacji w środowisku naturalnym. W3C opisuje ten element jako:

“Element podstawowy umożliwia autorom określenie podstawowy adres URL dokumentu w celu rozwiązania względnych adresów URL i nazwy domyślny kontekst przeglądania do celów następujących hiperłączy.”

To element zasadniczo decyduje o podstawowym adresie URL dla ścieżki względnej na stronach internetowych. Zamiast zależeć od lokalizacji głównej lub domeny Twojej witryny, możesz wskazać ją gdzie indziej, na przykład adres URL, pod którym znajdują się Twoje zasoby w sieci CDN (Content Delivery Network). Zobaczmy, jak to działa.

Korzystanie z elementu podstawowego

The jest zdefiniowany wzdłuż boku i tagi w . Biorąc pod uwagę następujący przykład, ustawiamy podstawowy adres URL na Google.

Ta specyfikacja wpłynie na wszystkie ścieżki w dokumencie, w tym ścieżki określone w href atrybut i src obrazów. Zakładając, że mamy arkusz stylów, obrazy i łącza w zestawie dokumentów ze ścieżką względną taką jak ta, na przykład:

  Link do kotwicy

Nawet jeśli nasza strona internetowa jest pod spodem demo.hongkiat.com odwołuje się do ścieżki względnej hongkiat.maxcdn.com, podążając ścieżką podstawową określoną w etykietka. Spróbuj najechać kursorem na link, a przeglądarka pokaże Ci, dokąd zmierza ścieżka.

Wszystkie ścieżki względne będą ostatecznie:

  Link do kotwicy

Ustawianie domyślnego celu łącza

Oprócz definiowania podstawowego adresu URL, tag może również ustawić domyślny cel łącza przez cel atrybut. Załóżmy, że chcesz otworzyć cały link w dokumencie w nowej karcie przeglądarki, Ustaw cel z _pusty, tak.

Ograniczenia

The tag zawiera jednak kilka zastrzeżeń w pewnych okolicznościach:

Po pierwsze obsługa przeglądarki jest świetna; działa w IE6. Ale IE6 uważa, że wymaga znacznika zamykającego . Może to spowodować problem hierarchii w dokumencie, jeśli znacznik zamykający pozostanie nieokreślony. Prostym szybkim sposobem rozwiązania tego problemu jest dodanie zamykanie w komentarzu, .

Jeśli używasz # w połączeniu z aby połączyć się z sekcjami w dokumencie, możesz potencjalnie napotkać problem w Internet Explorerze 9. Zamiast przeskakiwać do odnośnej sekcji, Internet Explorer 9 przeładuje stronę.

Ponadto puste href spowoduje utworzenie podstawowego adresu URL zamiast łączenia się z bieżącym katalogiem, w którym znajduje się strona (jest to domyślne zachowanie przeglądarki), co może spowodować nieoczekiwane problemy z odsyłaniem.

Zakończyć

The to przydatna funkcja HTML, która może uprościć odwoływanie się do linków w dokumencie internetowym. Użyj znacznika, aby zminimalizować pułapki. Aby uzyskać więcej informacji, skorzystaj z poniższych odniesień etykietka:

Bezwzględne i względne adresy URL - MSDN
Element podstawowy HTML - W3C