Referens
HTML a

HTML a

HTML a taggen definierar ett ”ankare” som kan användas till att:

  1. Skapa en länk till ett annat dokument med hjälp av attributet ”href”.
  2. Skapa ett bokmärke inuti ett dokument med hjälp av attributet ”id”.

Exempel:

En länk
Ett bokmärke

HTML:

<a href="URL">En länk</a>
<a id="bokmarke">Ett bokmärke</a>

För att länka till ett bokmärke anges #id efter länkens URL.

HTML:

<a href="http://www.sida.htm#bokmärke">Mitt bokmärke</a>

Läs mer om hur HTML a används i HTML länkar

HTML a
Elementtyp Sluttagg Utfasat Doctype
Inlineelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Inlineelement utom a
Elementet får finnas i
Blockelement, inlineelement utom a och button
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML a

För att öppna en länk i ett nytt fönter kan attributet target=”_blank” användas.

Exempel:

Öppna denna sida i ett nytt fönster

HTML:

<a href="URL&quot target="_blank">En länk</a>

HTML a attribut

Valbara attribut
Attribut Beskrivning Värde
charset Anger tecken kodningen för länkens URL teckenkod
coords Anger koordinater för att definiera ett område för bildkartor Värdet styrs av värdet på attributet ”shape”
left, top, right, bottom då attributet shape är ”rect”
centerx, centery, radius då attributet shape är ”circ”
x1, y1, x2, y2, …, xn, yn då attributet shape är ”poly”
href Anger länkens mål URL URL
hreflang Anger språket för länkens mål URL teckenkod
name Anger namnet på ankaret. Används vid bokmärken text
rel Anger dokumentets relationen till länken alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark
rev Anger relationen mellan mål URL och dokumentet alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark
shape Anger vilken form som ska användas för en bildkarta. Används tillsammans med attributet ”coords” rect, rectangle, circ, circle, poly, polygon
target Anger hur länken ska öppnas _blank gör att länken öppnas i ett nytt fönster
_self gör att länken öppnas i samma ram som länken klickades i
_parent gör att länken öppnas i ”föräldra-ramen” som länken klickades i
_top gör att länken öppnas i hela fönstret
type Anger vilken MIME (Multipurpose Internet Mail Extensions) typ länkens mål URL har mime_typ

Universella attribut
Attribut Beskrivning Värde
accesskey Anger en snabbtangent för att hoppa till ett element tangentkod
tabindex Anger ”tab ordningen” på olika element heltal
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för ”lang” när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
onfocus Elementet får fokus javascript
onblur Elementet tappar fokus javascript
| Mer