Link - Versionshistorik

PGJ: /* Exempel */

2019-01-24T09:00:32Z

Exempel

← Äldre version		Versionen från 24 januari 2019 kl. 09.00
Rad 25:		Rad 25:
	Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.		Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.
	== Exempel ==		== Exempel ==
	<codepen pen="NqMREY" tab="html" height="~~100~~">		<codepen pen="NqMREY" tab="html" height="200" tab="html,result">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<link rel="stylesheet" href="https://webbling.se/exempel.css">		<link rel="stylesheet" href="https://webbling.se/exempel.css">

PGJ: /* Exempel */

2015-07-09T14:15:02Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 14.15
Rad 25:		Rad 25:
	Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.		Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.
	== Exempel ==		== Exempel ==
			<codepen pen="NqMREY" tab="html" height="100">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<link rel="stylesheet" href="~~http~~://webbling.se/exempel.css">		<link rel="stylesheet" href="https://webbling.se/exempel.css">
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående exempel länkar till en extern CSS_fil som återfinns på [[URL]]:en <code>http://webbling.se/exempel.css</code>.		Ovanstående exempel länkar till en extern CSS_fil som återfinns på [[URL]]:en <code>http://webbling.se/exempel.css</code>.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG\|WHATWGs]] levande HTML-standarden ===		=== Taggens definition i [[WHATWG\|WHATWGs]] levande HTML-standarden ===

PGJ den 12 augusti 2014 kl. 14.30

2014-08-12T14:30:17Z

← Äldre version		Versionen från 12 augusti 2014 kl. 14.30
Rad 1:		Rad 1:
	~~__FORCETOC__ {{TOC right}}~~
	== Definition ==		== Definition ==
	<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.		<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.

PGJ den 12 augusti 2014 kl. 14.29

2014-08-12T14:29:12Z

← Äldre version		Versionen från 12 augusti 2014 kl. 14.29
Rad 1:		Rad 1:
	{{TOC right}}		__FORCETOC__ {{TOC right}}
	== Definition ==		== Definition ==
	<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.		<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.

PGJ den 12 augusti 2014 kl. 14.26

2014-08-12T14:26:35Z

← Äldre version		Versionen från 12 augusti 2014 kl. 14.26
Rad 1:		Rad 1:
			{{TOC right}}
	== Definition ==		== Definition ==
	<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.		<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.

PGJ den 12 augusti 2014 kl. 14.24

2014-08-12T14:24:55Z

← Äldre version		Versionen från 12 augusti 2014 kl. 14.24
Rad 1:		Rad 1:
	== <code><link></code> ==		== Definition ==
	~~Används~~ för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.		<code><link></code> används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.
	== Tillgängliga attribut ==		== Tillgängliga attribut ==
	De [[globala attribut]]en är tillgängliga för denna tagg.		De [[globala attribut]]en är tillgängliga för denna tagg.
Rad 7:		Rad 7:
	* <code>anonymous</code>		* <code>anonymous</code>
	* <code>use-crendentials</code>		* <code>use-crendentials</code>
	; <code>href</code>: Anger en [[URL]] som pekar på den länkade resursen.		=== <code>href</code> ===
	; <code>hreflang</code>: Det här attributet används för att indikera vilket språk den länkade resursen använder. Detta är bara ett förslag på vilket språk resursen kan använda. [http://www.ietf.org/rfc/bcp/bcp47.txt]		Anger en [[URL]] som pekar på den länkade resursen.
	;<code>media</code>:Attributet används för att specificera vilka typer av media länken är till för. Se [[media query]] för mer info om giltiga värden.		=== <code>hreflang</code> ===
	;<code>rel</code>:Förkortning av engelskans "relationship" och indikerar vilket förhållande denna sida har till den länkade resursen. Man kan skicka flera olika roller med samma attribut, varje roll särskiljs med ett mellanslag. Används enbart om <code>href</code> är angiven.		Det här attributet används för att indikera vilket språk den länkade resursen använder. Detta är bara ett förslag på vilket språk resursen kan använda. Se http://www.ietf.org/rfc/bcp/bcp47.txt för mer information om språkkoder.
			=== <code>media</code> ===
			Attributet används för att specificera vilka typer av media länken är till för. Se [[media query]] för mer info om giltiga värden.
			=== <code>rel</code> ===
			Förkortning av engelskans "relationship" och indikerar vilket förhållande denna sida har till den länkade resursen. Man kan skicka flera olika roller med samma attribut, varje roll särskiljs med ett mellanslag. Används enbart om <code>href</code> är angiven.
	Om man vill länka till en extern CSS-fil anger man <code>stylesheet</code> som relation.		Om man vill länka till en extern CSS-fil anger man <code>stylesheet</code> som relation.
	; <code>sizes</code>: Om den länkade resursen är av typen <code>icon</code>, kan detta attribut användas för att sätta storleken på ikonerna som ska användas. Det kan sättas till följande värden:		=== <code>sizes</code> ===
			Om den länkade resursen är av typen <code>icon</code>, kan detta attribut användas för att sätta storleken på ikonerna som ska användas. Det kan sättas till följande värden:
	* <code>any</code>, vilket betyder att ikonerna är fullt skalbara till alla möjliga storlekar.		* <code>any</code>, vilket betyder att ikonerna är fullt skalbara till alla möjliga storlekar.
	* En mellanslagsseparerad sträng som innehåller de ikonstorlekar som finns att tillgå i resursen. Anges på formatet <bredd i pixlar>x<höjd i pixlar>, t.ex. "16x16 32x32".		* En mellanslagsseparerad sträng som innehåller de ikonstorlekar som finns att tillgå i resursen. Anges på formatet <bredd i pixlar>x<höjd i pixlar>, t.ex. <code>"16x16 32x32"</code>.
	;<code>target</code>: Anger vilken ~~__browsing context__~~ länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>.		=== <code>target</code> ===
	;<code>type</code>:Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.		Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>.
	!!Exempel		=== <code>type</code> ===
	<~~code~~>		Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.
			== Exempel ==
			<syntaxhighlight lang="html5">
	<link rel="stylesheet" href="http://webbling.se/exempel.css">		<link rel="stylesheet" href="http://webbling.se/exempel.css">
	</~~code~~>		</syntaxhighlight>
	Ovanstående exempel länkar till en extern CSS_fil.		Ovanstående exempel länkar till en extern CSS_fil som återfinns på [[URL]]:en <code>http://webbling.se/exempel.css</code>.
	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG\|WHATWGs]] levande HTML-standarden ===		=== Taggens definition i [[WHATWG\|WHATWGs]] levande HTML-standarden ===
	[http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-link-element]		http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-link-element
	=== Taggens definition i HTML5-standarden ===		=== Taggens definition i HTML5-standarden ===
	[http://www.w3.org/TR/html5/document-metadata.html#the-link-element]		http://www.w3.org/TR/html5/document-metadata.html#the-link-element

PGJ den 12 augusti 2014 kl. 14.11

2014-08-12T14:11:17Z

← Äldre version		Versionen från 12 augusti 2014 kl. 14.11
Rad 3:		Rad 3:
	== Tillgängliga attribut ==		== Tillgängliga attribut ==
	De [[globala attribut]]en är tillgängliga för denna tagg.		De [[globala attribut]]en är tillgängliga för denna tagg.
	=== <code>crossorigin</code> === Anger hur bilder som kommer ifrån andra domäner ska hanteras. Se [[COORS]] för mer information. Möjliga värden är:		=== <code>crossorigin</code> ===
			Anger hur bilder som kommer ifrån andra domäner ska hanteras. Se [[COORS]] för mer information. Möjliga värden är:
	* <code>anonymous</code>		* <code>anonymous</code>
	* <code>use-crendentials</code>		* <code>use-crendentials</code>

PGJ den 12 augusti 2014 kl. 14.09

2014-08-12T14:09:35Z

PGJ: Skapade sidan med '== == Används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-f...'

2014-08-12T14:02:52Z

Skapade sidan med '== <code><link></code> == Används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-f...'

Ny sida

== <code><link></code> ==
Används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.
!!Tillgängliga attribut
De [[globala attribut]]en är tillgängliga för denna tagg.
; <code>crossorigin</code>: Anger hur bilder som kommer ifrån andra domäner ska hanteras. Se [[COORS]] för mer information. Möjliga värden är:
* <code>anonymous</code>
* <code>use-crendentials</code>
; <code>href</code>: Anger en [[URL]] som pekar på den länkade resursen.
; <code>hreflang</code>: Det här attributet används för att indikera vilket språk den länkade resursen använder. Detta är bara ett förslag på vilket språk resursen kan använda. [http://www.ietf.org/rfc/bcp/bcp47.txt]
;__''media''__:Attributet används för att specificera vilka typer av media länken är till för. Se ((media query)) för mer info om giltiga värden.
;__''rel''__:Förkortning av engelskans "relationship" och indikerar vilket förhållande denna sida har till den länkade resursen. Man kan skicka flera olika roller med samma attribut, varje roll särskiljs med ett mellanslag. Används enbart om __''href''__ är angiven.
Om man vill länka till en extern CSS-fil anger man -+stylesheet+- som relation.
; -+sizes+-: Om den länkade resursen är av typen -+icon+-, kan detta attribut användas för att sätta storleken på ikonerna som ska användas. Det kan sättas till följande värden:
* -+any+-, vilket betyder att ikonerna är fullt skalbara till alla möjliga storlekar.
* En mellanslagsseparerad sträng som innehåller de ikonstorlekar som finns att tillgå i resursen. Anges på formatet <bredd i pixlar>x<höjd i pixlar>, t.ex. "16x16 32x32".
;__''target''__: Anger vilken __browsing context__ länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en __''((iframe))''__.
;__''type''__:Anger vilken media typ den länkad resurs har. Detta anges som en ((MIME-typ)). Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är -+text/css+- som används för CSS-filer.
!!Exempel
{CODE()}
<link rel="stylesheet" href="http://webbling.se/exempel.css">
{CODE}
Ovanstående exempel länkar till en extern CSS_fil.
!!Referenser
!!!Taggens definition i ((WHATWG|WHATWGs)) levande HTML-standarden
[http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-link-element]
!!!Taggens definition i HTML5-standarden
[http://www.w3.org/TR/html5/document-metadata.html#the-link-element]

← Äldre version		Versionen från 12 augusti 2014 kl. 14.09
Rad 1:		Rad 1:
	== <code><link></code> ==		== <code><link></code> ==
	Används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.		Används för att definiera en relation mellan en webbsida och externa resurser. Vanligtvis används detta element för att länka till externa CSS-filer. Detta element kan enbart användas i <code>[[head]]</code>-elementet.
	!!Tillgängliga attribut		== Tillgängliga attribut ==
	De [[globala attribut]]en är tillgängliga för denna tagg.		De [[globala attribut]]en är tillgängliga för denna tagg.
	; <code>crossorigin</code>: Anger hur bilder som kommer ifrån andra domäner ska hanteras. Se [[COORS]] för mer information. Möjliga värden är:		=== <code>crossorigin</code> === Anger hur bilder som kommer ifrån andra domäner ska hanteras. Se [[COORS]] för mer information. Möjliga värden är:
	* <code>anonymous</code>		* <code>anonymous</code>
	* <code>use-crendentials</code>		* <code>use-crendentials</code>
	; <code>href</code>: Anger en [[URL]] som pekar på den länkade resursen.		; <code>href</code>: Anger en [[URL]] som pekar på den länkade resursen.
	; <code>hreflang</code>: Det här attributet används för att indikera vilket språk den länkade resursen använder. Detta är bara ett förslag på vilket språk resursen kan använda. [http://www.ietf.org/rfc/bcp/bcp47.txt]		; <code>hreflang</code>: Det här attributet används för att indikera vilket språk den länkade resursen använder. Detta är bara ett förslag på vilket språk resursen kan använda. [http://www.ietf.org/rfc/bcp/bcp47.txt]
	;~~__''~~media~~''__~~:Attributet används för att specificera vilka typer av media länken är till för. Se ((media query)) för mer info om giltiga värden.		;<code>media</code>:Attributet används för att specificera vilka typer av media länken är till för. Se [[media query]] för mer info om giltiga värden.
	;~~__''~~rel~~''__~~:Förkortning av engelskans "relationship" och indikerar vilket förhållande denna sida har till den länkade resursen. Man kan skicka flera olika roller med samma attribut, varje roll särskiljs med ett mellanslag. Används enbart om ~~__''~~href~~''__~~ är angiven.		;<code>rel</code>:Förkortning av engelskans "relationship" och indikerar vilket förhållande denna sida har till den länkade resursen. Man kan skicka flera olika roller med samma attribut, varje roll särskiljs med ett mellanslag. Används enbart om <code>href</code> är angiven.
	Om man vill länka till en extern CSS-fil anger man -+stylesheet+- som relation.		Om man vill länka till en extern CSS-fil anger man <code>stylesheet</code> som relation.
	; -+sizes+-: Om den länkade resursen är av typen -+icon+-, kan detta attribut användas för att sätta storleken på ikonerna som ska användas. Det kan sättas till följande värden:		; <code>sizes</code>: Om den länkade resursen är av typen <code>icon</code>, kan detta attribut användas för att sätta storleken på ikonerna som ska användas. Det kan sättas till följande värden:
	* -+any+-, vilket betyder att ikonerna är fullt skalbara till alla möjliga storlekar.		* <code>any</code>, vilket betyder att ikonerna är fullt skalbara till alla möjliga storlekar.
	* En mellanslagsseparerad sträng som innehåller de ikonstorlekar som finns att tillgå i resursen. Anges på formatet <bredd i pixlar>x<höjd i pixlar>, t.ex. "16x16 32x32".		* En mellanslagsseparerad sträng som innehåller de ikonstorlekar som finns att tillgå i resursen. Anges på formatet <bredd i pixlar>x<höjd i pixlar>, t.ex. "16x16 32x32".
	;~~__''~~target~~''__~~: Anger vilken __browsing context__ länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en ~~__''((~~iframe~~))''__~~.		;<code>target</code>: Anger vilken __browsing context__ länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>.
	;~~__''~~type~~''__~~:Anger vilken media typ den länkad resurs har. Detta anges som en ((MIME-typ)). Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är -+text/css+- som används för CSS-filer.		;<code>type</code>:Anger vilken media typ den länkad resurs har. Detta anges som en [[MIME-typ]]. Detta är inte bindande, så resursen kan egentligen vara vilken typ som helst. Ett av de vanligaste formaten är <code>text/css</code> som används för CSS-filer.
	!!Exempel		!!Exempel
	~~{CODE()}~~		<code>
	<link rel="stylesheet" href="http://webbling.se/exempel.css">		<link rel="stylesheet" href="http://webbling.se/exempel.css">
	~~{CODE}~~		</code>
	Ovanstående exempel länkar till en extern CSS_fil.		Ovanstående exempel länkar till en extern CSS_fil.
	!!Referenser		== Referenser ==
	~~!!!~~Taggens definition i ((WHATWG\|WHATWGs)) levande HTML-standarden		=== Taggens definition i [[WHATWG\|WHATWGs]] levande HTML-standarden ===
	[http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-link-element]		[http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-link-element]
	~~!!!~~Taggens definition i HTML5-standarden		=== Taggens definition i HTML5-standarden ===
	[http://www.w3.org/TR/html5/document-metadata.html#the-link-element]		[http://www.w3.org/TR/html5/document-metadata.html#the-link-element]