HTML skola
HTML element

HTML element

Ett HTML element visar strukturen i ett HTML dokument och är ett sätt att ordna innehållet i dokumentet. Element kan vara rubriker, stycken, hypertextlänkar, listor, inbäddad media, och en mängd andra strukturer.

Dessa element har egenskaper, attribut med olika värden samt ett innehåll som måste anges på ett lämpligt sätt beroende på vilken doctype (eller DTD) man valt.

HTML elements uppbyggnad

HTML element är uppbyggda av följande delar:

  • En start tagg som markerar början på HTML elementet
  • Valfritt antal attribut och tillhörande värden
  • Innehåll som kan vara vanliga tecken och andra element
  • En slut tagg. Märk att vissa element saknar slut tagg!

HTML elements uppbyggnad

I ovanstående exempel är <p class=”example”>Detta är en paragraf</p> ett styckeelement. Elementet består av en starttagg, i detta fall <p>, elementets innehåll som är Detta är en paragraf samt sluttaggen </p>. Startaggen innehåller även attrubutet class som har värdet ”example”.

Regler för element

Om man vill följa den senaste web standarden så att sida uppfyller kraven för XHTML bör elementen följa vissa regler:

1. Alla element måste ha matchande start- och sluttaggar!

HTML:

<p>Innehåll<p>

2. Tomma element måste ha en speciell form.

HTML:

<br />

3. Alla element måste nästlas ordentligt.

HTML:

<div><p>Lite text...</p></div>

4. Det måste finnas ett rotelement som omsluter alla andra element. Detta element är vanligtvis HTML html

HTML:

<html>
<head>
<title>Min hemsida</title>
</head>
<body>
<h1>Välkommen till min hemsida!</h1>
<p>Det här är min hemsida...
</body>
</html>

Stora eller små bokstäver i elementen?

Ska man använda stora eller små bokstäver i HTML elements?

HTML elements är visserligen inte skiftlägeskänsliga. <body> betyder samma sak som <BODY>. Många sidor på internet använder stora bokstäver i taggarna i källkoden, ofta för att det kan vara lättare att se.

Om man vill följa den senaste web standarder bör man alltid använda små bokstäver i HTML elements. World Wide Web Consortium (W3C) rekommenderar små taggar i sin ”HTML 4 rekommendation”, och XHTML (som är nästa generations HTML) kräver att man använder små taggar.

| Mer