Klassindelning av element

Klassindelning är ett sätt att skapa variationer i utformningen av element som använder samma tagg. Mycket praktiskt och effektivt för speciella sidelement som förekommer på alla eller de flesta av sidorna på webbplatsen.

XHTML har, som tidigare nämnts, ett begränsat antal sidelement. Det finns t.ex. ingen tagg speciellt avsedd för dokumentdelar som sidfot, sidhuvud eller ingress. Man är således hänvisad till att använda stycketaggen <p> för alla sorters stycken, oavsett vilken strukturell funktion de har.

När det kommer till formgivning, kan man dock klassindela stycken och andra element genom att tilldela dem ett lämpligt namn. Namnet kan man sedan utnyttja i formatmallen för att skilja på olika stycken och deras format.

Klassindela ett element

Klassnamnet skrivs som värde till attributet class. Attributet ska innehålla ett namn som, enligt XHTML-tänket, bör beskriva elementets strukturella funktion. För att resultera i en enhetlig formgivning, måste klassindelningen göras i motsvarande element på webbplatsens samtliga sidor.

<p>&copy; 2008 Format P</p>

Namn på klasser får inte börja med en siffra, innehålla mellanslag eller [å] [ä] [ö]. I övrigt bestämmer du namnet själv. Du gör det dock enklare för dig om namnet antyder vilken funktion elementet ska ha i dokumentstrukturen, hellre än hur det ser ut. Namnet .ingress är t.ex. bättre än .arialfetstil om du plötsligt bestämmer dig för att ändra egenskaperna.

Formge klassade element

Ett klassnamn är det som skiljer elementet från andra, märkta med samma tagg. Det är också klassnamnet som används som väljare i stilmallen. De här väljarna måste, till skillnad från vanliga väljare, inledas med en punkt. Nedan ser du två exempel på hur du kan skriva i stilmallen.

När du skriver som i exemplet nedan, betyder det att egenskaperna ska tillämpas på vilket element som helst som har klassen .sidfot. Oavsett om det är ett textstycke eller en rubrik.

.sidfot  {color:#aaa }

Skriver du som i detta exempel, betyder det att egenskaperna bara ska tillämpas när styckeelement har klassen .sidfot. Sitter klassen på ett annat element, kan andra regler gälla.

p.sidfot {color:#aaa }

Klassindela fraser

Klassindelning av fraser och delar av texten kan göras om man på något sätt vill utmärka en viss kategori av ord eller fraser. Till detta använder man det neutrala elementet <span>, vilket inte fyller någon annan strukturell funktion i sig självt.

<p>I arbetet med bildredigering händer ständigt saker som man vill göra ogjort.
Du kan alltid ångra den senaste åtgärden via menyn
<span>Redigera/Ã…ngra...</span>.</p>