HTML <base> käytetään mää­rit­te­le­mään kaikkien suh­teel­lis­ten URL-osoit­tei­den perus-URL. Tämä tehdään att­ri­buu­tin href avulla. Toinen att­ri­buut­ti target mää­rit­te­lee, missä vastaavat viitteet avataan. HTML <base> -tagi tal­len­ne­taan aina <head> ele­ment­tiin.

Mikä on HTML <base> -tagi?

HTML-tagi <base> määrittää kaikkien verk­ko­si­vus­ton suh­teel­lis­ten URL-osoit­tei­den perus-URL-osoitteen. Se sisältää kaksi HTML-att­ri­buut­tia: href ja target.

Href-att­ri­buut­ti määrittää URL-osoitteen, jota käytetään viitteenä kaikille suh­teel­li­sil­le URL-osoit­teil­le, kuville, tyy­li­tie­dos­toil­le ja sk­rip­teil­le HTML-do­ku­men­tis­sa. Tämä perus-URL-osoite voi itsekin olla suh­teel­li­nen. Target-att­ri­buut­ti määrittää ikkunan nimen, jossa kaikki lin­ki­te­tyt kohteet avataan. Lisäksi HTML <base> -tagilla voidaan määrittää, miten nykyisen do­ku­men­tin linkit avataan.

HTML <base> -tagi tal­len­ne­taan aina <head> -ele­ment­tiin, ja sitä tulisi käyttää mah­dol­li­sim­man var­hai­ses­sa vaiheessa koodissa. Jos <base> -tageja on useita, vain en­sim­mäi­nen otetaan huomioon, ja kaikki muut jätetään huomiotta.

Mikä on HTML <base>:n syntaksi?

HTML <base>:n pe­rus­ra­ken­teet ovat seuraavat:

<base href="URL" target="TARGET">
html

Esi­merk­ke­jä siitä, miten <base> toimii

Perus-URL:n tal­len­ta­mi­nen

En­sim­mäi­ses­sä esi­mer­kis­sä tal­len­nam­me perus-URL-osoitteen https://www.example-website.com asia­kir­jan ot­sik­koa­lu­eel­le HTML-tagilla <base>:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Ole­tus­koh­teen mää­rit­tä­mi­nen kaikille URL-osoit­teil­le

Seu­raa­vas­sa esi­mer­kis­sä käytämme target -att­ri­buut­tia mää­rit­tä­mään, missä URL-osoitteet avautuvat, kun niitä nap­sau­te­taan:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" target="_self">
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Useita suh­teel­li­sia linkkejä si­säl­tä­vän perus-URL-osoitteen avaaminen

Kol­man­nes­sa esi­mer­kis­sä käytämme HTML <base> luo­dak­sem­me perus-URL-osoitteen, jota kaikki suh­teel­li­set linkit käyttävät aloi­tus­si­vu­na. Koodi näyttää tältä:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com/">
</head>
<body >
<h2>Various subpages</h2>
<ul>
<li><a href="/first_subpage/index.htm">First Subpage</a></li>
<li><a href="/second_subpage/index.htm">Second Subpage</a></li>
</ul>
</body>
</html>
html

Mitä att­ri­buut­te­ja HTML <base> -tagi tukee?

Tunniste <base> tukee vain att­ri­buut­te­ja href ja target.

  • href: Sivulla olevien kaikkien suh­teel­lis­ten URL-osoit­tei­den perus-URL mää­ri­te­tään href. Tämän att­ri­buu­tin arvo mää­ri­te­tään aina URL-osoitteen muodossa. Yllä olevissa esi­mer­keis­sä tämä arvo on https://www.example-website.com.
  • target: target määrittää, missä ikkunassa URL-osoite avataan. Sen arvot voivat olla _blank, _parent, _self ja _top. _blank avaa linkin uudessa ikkunassa, _parent avaa linkin ylemmän tason ke­hyk­ses­sä, _self avaa linkin samassa ikkunassa ja _top avaa linkin se­lai­nik­ku­nas­sa kor­vaa­mal­la lin­kit­tä­vän sivun sen sijaan, että se esitetään kehyksenä sivulla.
Siirry pää­va­lik­koon