Viktor Bijlenga

Länkstruktur i HTML5

<a> taggen är förmodligen en av de viktigaste delarna av HTML. Utan denna tagg, skulle vi inte kunna länka ihop sidor, vi skulle sitta här med massa enskilda sidor kors och tvärs. <a> taggen är spindeln, i och på nätet.

Tidigare har det korrekta varit att göra följande, om både rubrik och brödtext skulle länka till samma sida:

<h1><a href="/exempel">Exempel</a></h1>
<p><a href="/exempel">Det här ett exempel.</a></p>

För att länka olika element till samma sida, användes alltså en <a> tagg/element. HTML5 uppdaterar beskrivningen om hur <a> taggen fungerar.

Vad är skillnaden i HTML5?

HTML5 låter oss använda <a> taggen på flera element samtidigt.

<a href="/exempel">
<h1>Exempel</h1>
<p>Det här är ett exempel.</p>
</a>

Att göra som i exemplet ovan, är kanske ingen nyhet för de flesta utvecklare. Det har varit möjligt att göra så ganska länge i och med att många webbläsare stödjer det.

Varför är detta intressant?

Att de nya riktlinjerna för hur man kan skriva HTML, dokumenterar vad många webbläsare och utvecklare redan gör, känns som ett steg i rätt riktning. Det driver tekniken framåt, vilket skapar lösningar på problem som inte fanns igår, men som finns idag, och imorgon.

Vill du läsa mer om vad HTML5 innebär i praktiken, rekommenderar jag att du köper HTML5 For Web Designers av Jeremy Keith.

HTML5 lästips och resurser

Har du länktips, åsikter eller kanske bara ett hej, skicka en tweet till @viktorbijlenga.