Hva er en klasse attributt i HTML?
HTML markup definerer innholdet av websider som kan presentere tekst og medie elementer til nettstedet brukere. En HTML-side viser disse innholdselementer inne HTML-elementet strukturer. HTML-elementer gi brukerens nettleser informasjon om hvordan du viser innholdet i strukturen på siden som helhet. En HTML-element utgjør primært åpning og lukking koder, men kan eventuelt også omfatte egenskaper, som gir mer informasjon om elementet.
element Markup
De fleste elementene i HTML har åpning og lukking koder, med elementet innhold oppført mellom dem. Følgende eksempel markup demonstrerer et slikt element:
<P> Noe av innholdet i et element. </ P>
Denne paragrafen elementet definerer innholdet ved å markere sine grenser. Noen elementer åpne og lukke innenfor den samme koden, som i følgende eksempel:
<Img alt = "bilde" />
Alle HTML-elementene kan ta egenskaper, som viser seg i åpningselementet tag som med "src" og "alt" i det ovenstående eksempel. I et bildeelement, forteller "src" -attributtet leseren plasseringen av bildefilen som skal vises, mens "alt" attributtet definerer tekstinnhold som skal vises hvis bildet ikke kan lastes.
Klasse Vs ID
HTML-elementer vanligvis bruker klassen og ID-attributter. En ID-attributtet identifiserer et enkelt element unikt innenfor en side. Dette betyr at den samme ID-attributten ikke skal vises mer enn en gang i løpet av den samme siden. Klasse attributtverdier kan vises mer enn en gang i løpet av en side, da disse definere grupper av ett eller flere elementer. Å erklære en ID-attributtet, utviklere bruke følgende syntaks:
<P id = "top"> Noen top tekst </ p>
Følgende eksempelkode erklærer en klasse attributt:
<P class = "main"> Noen hovedteksten </ p>
Både klasse og ID hjelpe utviklere å definere stil regler for en nettside ved hjelp av CSS erklæringer.
CSS velgere
CSS koden bruker velgere til å identifisere Web sideelementer, bruke styling egenskapene til disse elementene, bestemme utseendet når brukeren ser dem. Grunnleggende CSS-kode kan gjelde stil til alle elementer av en bestemt type, som i følgende eksempel:
p {
font-size: small;
}
Alternativt kan CSS definere særlige regler for elementer med en bestemt ID-attributtet som følger:
top {
font-weight: bold;
}
CSS kan også bruke en velger å spesifisere elementene i en bestemt klasse:
p.main {
color: # ff0000;
}
Denne koden velger alle ledd elementer med den angitte klassen attributtverdi. For å velge elementer av enhver type med samme klasse attributt, bruker CSS følgende syntaks:
.main {
color: # ff0000;
}
Javascript
Javascript bruker attributter i klassen av HTML-elementer for å implementere dynamiske, interaktive stil effekter. For eksempel websider ofte tildele hendelsen lyttere til elementer, instruere nettleseren til å gjennomføre en Javascript-funksjonen når brukeren samhandler med et bestemt element, for eksempel ved å rulle henne musen på eller av den. Hvis du vil endre utseendet på et element når en slik hendelse inntreffer, Javascript-koden endres ofte klassen attributt som følger:
. Document.getElementById ( "topp") classname = "overtop";
Denne teknikken fungerer med CSS-kode, der CSS definerer ulike utseende innstillinger for de alternative klassenavn.