A HTML <base> használják az összes relatív URL alap URL-jének meghatározására. Ez az href attribútummal történik. A második target attribútum határozza meg, hogy a megfelelő hivatkozási célok hol nyíljanak meg. A HTML <base> címke mindig a <head> elemen belül van tárolva.

Mi az a HTML <base> tag?

A HTML-címke <base> meghatározza az alap URL-t minden relatív URL-hez egy weboldalon. Tartalmazza a két HTML-attribútumot: href és target.

A href attribútum meghatározza azt az URL-címet, amely referenciaként szolgál minden relatív URL-cím, kép, stíluslap és szkript számára egy HTML-dokumentumban. Ez az alap URL-cím maga is relatív lehet. A target attribútum meghatározza annak az ablaknak a nevét, amelyben az összes linkelt cél megnyíljon. Ezenkívül a HTML <base> tag megadhatja, hogy a jelenlegi dokumentumban található linkek hogyan nyíljanak meg.

A HTML <base> címke mindig a <head> elemen belül van tárolva, és a kódban a lehető legkorábban kell használni. Ha több <base> címke van, csak az elsőt veszi figyelembe a rendszer, az összes többit figyelmen kívül hagyja.

Mi a HTML <base> szintaxisa?

A HTML <base> alapvető szintaxisa a következő:

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

Példák a <base> működésére

Az alap URL tárolása

Az első példában a https://www.example-website.com alap URL-t a dokumentum fejlécében tároljuk a HTML <base> címkével:

<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

Az összes URL alapértelmezett céljának meghatározása

A következő példában a target attribútumot használjuk annak megadására, hogy az URL-ek kattintáskor hol nyíljanak meg:

<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

Több relatív hivatkozással rendelkező alap URL-hez való hozzáférés

A harmadik példában HTML <base> használunk egy alap URL létrehozásához, amelyet minden relatív link kezdőlapként használ. A kód így néz ki:

<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

Milyen attribútumokat támogat a HTML <base> tag?

A <base> címke csak a href és target attribútumokat támogatja.

  • href: Az oldalon található összes relatív URL alap URL-je href attribútummal kerül meghatározásra. Ennek az attribútumnak az értéke mindig URL formájában kerül megadásra. A fenti példákban ez az érték https://www.example-website.com.
  • target: A target attribútum meghatározza, hogy az URL melyik ablakban nyíljon meg. Értéke lehet _blank, _parent, _self és _top. _blank a linket új ablakban nyitja meg, _parent a linket egy magasabb szintű keretben nyitja meg, _self a linket ugyanabban az ablakban nyitja meg, _top pedig a linket a böngészőablakban nyitja meg, helyettesítve a linkelő oldalt, ahelyett, hogy azt keretként jelenítené meg az oldalon belül.
Ugrás a főmenübe