HTML skola
Universella attribut

Universella attribut

Det finns fyra attribut som är definierade som allmängiltiga inom XHTML-standarden och som de flesta element använder. Dessa är:

Attributet ”id”

Attributet ”id” tilldelar ett element en unik identitet i dokumentet. Denna identitet måste vara unik på hela sidan och kan bara användas för att hänvisa till just det elementet.

Attributets värde måste börja med en bokstav eller en understrukning och enbart innehålla alfanummeriska tecken.

HTML

<p id="p1">
Detta är en exempeltext som har id namnet "p1".
</p>

”id”-attribut kan även användas till olika ändamål.

  • Länka till olika delar i ett dokument. Läs mer om HTML länkar.
  • Användas med stilmallar (css) för att ge elementet olika egenskaper.
  • Användas tillsammans med javascript för att ge interaktivitet till sidan.

Attributet ”class”

Attributet ”class” specificerar vilken klass eller vilka klasser ett element tillhör. Denna klass kan sedan i associeras med olika visningsegenskaper bestämda i en stilmall (css).

Om elementet ska tillhöra flera klasser så skrivs de som en lista åtskilda av mellanslag.

HTML

<p class="text">Denna paragraf tillhör klassen "text".</p>

Om elementet ska tillhöra flera klasser så skrivs de som en lista åtskilda av mellanslag.

HTML kod

<p class="text red fetstil">
Denna paragraf tillhör klasserna "text", "red" och "fetstil".
</p>

Attributet ”style”

Attributet ”style” tilldelar det associerade elementet en egen visuell stil. Alla attibut i ”style” parametern måste formateras i ordningen ”namn: värde;” och särskiljas med ett semikolon.

Ofta kan det vara enklare att använda stilmallar (css) tillsammans med med attributet ”class” för att forme ett element.

HTML

<p style="color: #000000; font-size: 11pt">
Denna text är svart och i storlek 11px.
</p>

Attributet ”title”

Attributet ”title” anger en titel för eller kort beskrivning av elementet. När användaren drar muspekaren över elementet så visas en förklarande text över elementet. Testa att föra muspekaren över denna text för att se ett exempel.

HTML

<a title="HTML kurs">HTML kurs.</p>
| Mer