Area - Versionshistorik

PGJ: /* Exempel */

2019-01-12T21:53:04Z

Exempel

← Äldre version		Versionen från 12 januari 2019 kl. 21.53
Rad 35:		Rad 35:
	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.		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.
	== Exempel ==		== Exempel ==
	<codepen pen="yNjJBO" tab="html" height="200">		<codepen pen="yNjJBO" tab="html,result" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<map>		<map>

PGJ: /* target */

2016-09-07T12:48:35Z

target

← Äldre version		Versionen från 7 september 2016 kl. 12.48
Rad 27:		Rad 27:
	=== <code>target</code> ===		=== <code>target</code> ===
	Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en namngiven <code>[[iframe]]</code>. Följande värden har speciellt betydelse:		Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en namngiven <code>[[iframe]]</code>. Följande värden har speciellt betydelse:
	* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta ~~argument~~.		* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta attribut.
	* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context]].		* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context]].
	* <code>_parent</code> - Ladda in resursen i eventuellt överliggande [[browsing context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.		* <code>_parent</code> - Ladda in resursen i eventuellt överliggande [[browsing context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.
	* <code>_top</code> - Ladda in resursen i det högsta överliggande [[browser context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.		* <code>_top</code> - Ladda in resursen i det högsta överliggande [[browser context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.

	=== <code>type</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.		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.

PGJ: /* Exempel */

2015-07-09T10:44:39Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 10.44
Rad 34:		Rad 34:
	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.		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.
	== Exempel ==		== Exempel ==
			<codepen pen="yNjJBO" tab="html" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<map>		<map>
Rad 39:		Rad 40:
	</map>		</map>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående exempel skapar en cirkulär region som ligger 200 CSS-pixlar ifrån vänsterkanten och 100 CSS-pixlar ifrån toppen. Dess radie kommer att vara 25 CSS-pixlar.		Ovanstående exempel skapar en cirkulär region som ligger 200 CSS-pixlar ifrån vänsterkanten och 100 CSS-pixlar ifrån toppen. Dess radie kommer att vara 25 CSS-pixlar.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG]]s levande HTML-standard ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

PGJ den 24 augusti 2014 kl. 10.51

2014-08-24T10:51:09Z

← Äldre version		Versionen från 24 augusti 2014 kl. 10.51
Rad 1:		Rad 1:
	Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en <code>map</code>-tagg.		Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en <code>[[map]]</code>-tagg.
	== Tillgänliga attribut ==		== Tillgänliga attribut ==
	De [[~~Globala~~ attribut\|globala attributen]] är tillgängliga för denna tagg.		De [[globala attribut\|globala attributen]] är tillgängliga för denna tagg.
	=== <code>alt</code> ===		=== <code>alt</code> ===
	Anger en textsträng som visas istället för regionen för de webbläsare som inte kan hantera bilder. Om man anger <code>href</code>-attributet måste man även ange detta attribut.		Anger en textsträng som visas istället för regionen för de webbläsare som inte kan hantera bilder. Om man anger <code>href</code>-attributet måste man även ange detta attribut.
Rad 41:		Rad 41:
	Ovanstående exempel skapar en cirkulär region som ligger 200 CSS-pixlar ifrån vänsterkanten och 100 CSS-pixlar ifrån toppen. Dess radie kommer att vara 25 CSS-pixlar.		Ovanstående exempel skapar en cirkulär region som ligger 200 CSS-pixlar ifrån vänsterkanten och 100 CSS-pixlar ifrån toppen. Dess radie kommer att vara 25 CSS-pixlar.
	== Referenser ==		== Referenser ==
	=== Taggens definition i ((WHATWG~~\|WHATWGs))~~ levande HTML-~~standarden~~ ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
	http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#the-area-element		http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#the-area-element
	=== Taggens definition i HTML5-standarden ===		=== Taggens definition i HTML5-standarden ===
	http://www.w3.org/TR/html5/embedded-content-0.html#the-area-element		http://www.w3.org/TR/html5/embedded-content-0.html#the-area-element

PGJ den 12 augusti 2014 kl. 16.52

2014-08-12T16:52:28Z

← Äldre version		Versionen från 12 augusti 2014 kl. 16.52
Rad 26:		Rad 26:
	*<code>rect</code> - anger en rektangulär region.		*<code>rect</code> - anger en rektangulär region.
	=== <code>target</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>. Följande värden har speciellt betydelse:		Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en namngiven <code>[[iframe]]</code>. Följande värden har speciellt betydelse:
	* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta argument.		* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta argument.
	* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context]].		* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context]].

PGJ den 12 augusti 2014 kl. 16.51

2014-08-12T16:51:24Z

← Äldre version		Versionen från 12 augusti 2014 kl. 16.51
Rad 12:		Rad 12:
	Om attributet är satt, indikerar det att den länkade resursen ska laddas ner som en fil, snarare än att visas.		Om attributet är satt, indikerar det att den länkade resursen ska laddas ner som en fil, snarare än att visas.
	=== <code>href</code> ===		=== <code>href</code> ===
	Anger vilken resurs-URL som regionen ska peka på. I HTML5 kan man utelämna detta attribut, t.ex. om man vill använda det för skripting.		Anger vilken resurs-URL som regionen ska peka på. I HTML5 kan man utelämna detta attribut, t.ex. om man vill använda det för [[skript\|skripting]].
	=== <code>hreflang</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]		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 en lista över tillgängliga språkkoder.
	=== <code>media</code> ===		=== <code>media</code> ===
	Attributet används för att specificera vilka typer av media länken är tillför. Se ((media query)) för mer info om giltiga värden.		Attributet används för att specificera vilka typer av media länken är tillför. Se [[media query]] för mer info om giltiga värden.
	=== <code>rel</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.		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.
Rad 28:		Rad 28:
	Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>((iframe))</code>. Följande värden har speciellt betydelse:		Anger vilken [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>((iframe))</code>. Följande värden har speciellt betydelse:
	* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta argument.		* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta argument.
	* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing ~~context__~~.		* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context]].
	* <code>_parent</code> - Ladda in resursen i eventuellt överliggande [[browsing ~~context__~~. Om inget sådant finns, gör den samma sak som <code>_self</code>.		* <code>_parent</code> - Ladda in resursen i eventuellt överliggande [[browsing context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.
	* <code>_top</code> - Ladda in resursen i det högsta överliggande [[browser ~~context__~~. Om inget sådant finns, gör den samma sak som <code>_self</code>.		* <code>_top</code> - Ladda in resursen i det högsta överliggande [[browser context]]. Om inget sådant finns, gör den samma sak som <code>_self</code>.
	=== <code>type</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.		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.

PGJ: Skapade sidan med 'Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en `map`-tagg. == Tillgänl...'

2014-08-12T16:49:54Z

Skapade sidan med 'Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en <code>map</code>-tagg. == Tillgänl...'

Ny sida

Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en <code>map</code>-tagg.
== Tillgänliga attribut ==
De [[Globala attribut|globala attributen]] är tillgängliga för denna tagg.
=== <code>alt</code> ===
Anger en textsträng som visas istället för regionen för de webbläsare som inte kan hantera bilder. Om man anger <code>href</code>-attributet måste man även ange detta attribut.
=== <code>coords</code> ===
En samling värden som anger koordinaterna för den klickbara regionen. Vilka koordinater som anges beror på vad man satt i <code>shape</code>-attributet. Alla koordinater anges i CSS-pixlar.
Om formen är satt till <code>rect</code>, anger koordinaterna två x-, y-koordinater; vänsterkanten, toppen och högerkanten, botten.
Om formen är satt till <code>circle</code>, anger koordinaterna en x-, y-koordinat och en radie. X-/y-koordinaten anger mittpunkten på cirkeln.
Om formen är satt till <code>poly</code>, anger koordinaterna x-, y-koordinaterna för varje punkt i polygonen.
=== <code>download</code> ===
Om attributet är satt, indikerar det att den länkade resursen ska laddas ner som en fil, snarare än att visas.
=== <code>href</code> ===
Anger vilken resurs-URL som regionen ska peka på. I HTML5 kan man utelämna detta attribut, t.ex. om man vill använda det för skripting.
=== <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>media</code> ===
Attributet används för att specificera vilka typer av media länken är tillfö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.
=== <code>shape</code> ===
Anger vilken form arean har. Möjliga värden är:
*<code>circle</code> - anger en cirkulär region.
*<code>default</code> - anger vad som ska hända med allt som ligger utanför de definierade regionerna.
*<code>poly</code> - anger en polygon som region.
*<code>rect</code> - anger en rektangulär region.
=== <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>. Följande värden har speciellt betydelse:
* <code>_self</code> - Laddar resursen i samma [[browsing context]] som nuvarande sida. Detta är default-värdet som används om man inte anger detta argument.
* <code>_blank</code> - Ladda in resursen i ett icke-namngivet [[browsing context__.
* <code>_parent</code> - Ladda in resursen i eventuellt överliggande [[browsing context__. Om inget sådant finns, gör den samma sak som <code>_self</code>.
* <code>_top</code> - Ladda in resursen i det högsta överliggande [[browser context__. Om inget sådant finns, gör den samma sak som <code>_self</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.
== Exempel ==
<syntaxhighlight lang="html5">
<map>
<area shape="circle" coords="200,100,25" href="http://webbling.se" />
</map>
</syntaxhighlight>
Ovanstående exempel skapar en cirkulär region som ligger 200 CSS-pixlar ifrån vänsterkanten och 100 CSS-pixlar ifrån toppen. Dess radie kommer att vara 25 CSS-pixlar.
== Referenser ==
=== Taggens definition i ((WHATWG|WHATWGs)) levande HTML-standarden ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#the-area-element
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/embedded-content-0.html#the-area-element

Area - Versionshistorik

PGJ: /* Exempel */

PGJ: /* target */

PGJ: /* Exempel */

PGJ den 24 augusti 2014 kl. 10.51

PGJ den 12 augusti 2014 kl. 16.52

PGJ den 12 augusti 2014 kl. 16.51

PGJ: Skapade sidan med 'Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en map-tagg. == Tillgänl...'

PGJ: Skapade sidan med 'Används för att definiera klickbara regioner i en bild. Man kan även associera en länk till denna region. Kan enbart användas inuti en `map`-tagg. == Tillgänl...'