Base: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) (Skapade sidan med 'Med hjälp av denna tagg kan du specificera vad webbläsaren ska göra med länkar som inhnehåller relativa sökvägar. Alla relativa sökvägar blir att utgå ifrån...') |
PGJ (diskussion | bidrag) |
||
| (5 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 3: | Rad 3: | ||
Man kan enbart ha en <code>base</code>-tagg per dokument och den måste användas innan det kommer några andra taggar som använder sig av <code>href</code>-attribut. | Man kan enbart ha en <code>base</code>-tagg per dokument och den måste användas innan det kommer några andra taggar som använder sig av <code>href</code>-attribut. | ||
== Tillgänliga attribut == | == Tillgänliga attribut == | ||
De | De [[globala attribut]]en är tillgängliga för denna tagg. | ||
== <code>href</code> == | == <code>href</code> == | ||
Anger vilken bas-[[URL]] som ska användas för länkar med [[relativa sökvägar]]. | Anger vilken bas-[[URL]] som ska användas för länkar med [[relativa sökvägar]]. | ||
| Rad 9: | Rad 9: | ||
Anger vilket [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>. Se [[browsing context]] för mer information. | Anger vilket [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>. Se [[browsing context]] för mer information. | ||
== Exempel == | == Exempel == | ||
<codepen pen="wajWov" tab="html,result" height="300"> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<html> | <html> | ||
| Rad 15: | Rad 16: | ||
</head> | </head> | ||
<body> | <body> | ||
<a href="katalog/ | <a href="katalog/demo.html">En testlänk</a> | ||
</body> | </body> | ||
</html> | </html> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<codepen> | |||
Ovanstående exempel skapar en enkel sida med en länk som har en [[relativa sökvägar|relativ sökväg]]. När användaren klickar på länken kommer webbläsaren att lägga samman bas-[[URL]]:en och den relativa [[URL]]:en. Den slutliga [[URL]]:en kommer därför att bli; "<code>http://webbling.se/katalog/sida.html</code>". | Ovanstående exempel skapar en enkel sida med en länk som har en [[relativa sökvägar|relativ sökväg]]. När användaren klickar på länken kommer webbläsaren att lägga samman bas-[[URL]]:en och den relativa [[URL]]:en. Den slutliga [[URL]]:en kommer därför att bli; "<code>http://webbling.se/katalog/sida.html</code>". | ||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === | ||
Nuvarande version från 18 januari 2019 kl. 14.26
Med hjälp av denna tagg kan du specificera vad webbläsaren ska göra med länkar som inhnehåller relativa sökvägar. Alla relativa sökvägar blir att utgå ifrån den bas-URL som du anger med base-taggens href-attribut. Vanligtvis utgår relativa sökvägar ifrån samma plats där dokumentet återfinns, men denna tagg styr alltså om detta beteende.
Man kan enbart ha en base-tagg per dokument och den måste användas innan det kommer några andra taggar som använder sig av href-attribut.
Tillgänliga attribut
De globala attributen är tillgängliga för denna tagg.
href
Anger vilken bas-URL som ska användas för länkar med relativa sökvägar.
target
Anger vilket browsing context länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en iframe. Se browsing context för mer information.
Exempel
<codepen pen="wajWov" tab="html,result" height="300">
<html>
<head>
<base href="http://webbling.se/>
</head>
<body>
<a href="katalog/demo.html">En testlänk</a>
</body>
</html>
<codepen>
Ovanstående exempel skapar en enkel sida med en länk som har en relativ sökväg. När användaren klickar på länken kommer webbläsaren att lägga samman bas-URL:en och den relativa URL:en. Den slutliga URL:en kommer därför att bli; "http://webbling.se/katalog/sida.html".
Referenser
Taggens definition i WHATWGs levande HTML-standard
http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-base-element
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/document-metadata#the-base-element