Zmiana adresu bazowego strony

Parametry:

W kodzie strony umieściłem dwie grafiki i dwa odsyłacze kierujące na owe zdjęcia. Adresy bezwzględne dla wskazywanych poleceń są następujące:

<img src="http://webref.pl/pliki/html/grafika/odsylaczobrazkowy/gupik1_min.jpg" alt="Gupik">
<img src="http://webref.pl/pliki/html/grafika/odsylaczobrazkowy/gupik2_min.jpg" alt="Gupik">

<a href="http://webref.pl/pliki/html/grafika/odsylaczobrazkowy/gupik1_min.jpg">Gupik1</a>
<a href="http://webref.pl/pliki/html/grafika/odsylaczobrazkowy/gupik2_min.jpg">Gupik2</a>

Za pomocą znacznika <base> możemy zmienić adres bazowy strony tak, by odsyłacze relatywne tworzone były w jak najkrótszy sposób. Przydaje się to także przy przenosinach strony na inny serwer, gdzie domyślny adres bazowy może ulec zmianie. W takim przypadku ręczna poprawa wszystkich odsyłaczy relatywnych zamieszczonych w serwisie byłaby skrajnie niekomfortowa. Dodatkowo możemy także zmienić domyślne działanie atrybutu target="_self", żeby każdy przywoływany odsyłacz otwierany był np. w nowym oknie (lub karcie). Oto deklaracje:

<head>
	...
	<base href="http://webref.pl/pliki/html/grafika/odsylaczobrazkowy/" target="_blank">
	...
</head>

Bardzo ważne jest, żeby na końcu adresu bazowego postawić znak ukośnika ("/").

Dzięki powyższej deklaracji nasze elementy możemy zdefiniować wyłącznie korzystając z adresów relatywnych w następujący sposób:

<div>
	<img src="gupik1_min.jpg" alt="Gupik">
	<img src="gupik2_min.jpg" alt="Gupik">
</div>
<div>
	<a href="gupik1_min.jpg">Gupik1</a>
	<a href="gupik2_min.jpg">Gupik2</a>
</div>

Efekt:

Gupik Gupik
Gupik1 Gupik2

Pamiętaj, że atrybut target jest zdeprecjonowany w wersji Strict dokumentu i nie należy go stosować.

Walidator W3C informuje nas o stosowaniu nieistniejących atrybutów:

Sprawdź poprawność dokumentu (tylko online)

Wstecz