Brug af udviklerværktøjer til HTML-inspektion og fejlfinding
Stryg for at vise menuen
Udviklerværktøjer
Moderne browsere indeholder indbyggede udviklerværktøjer, der gør det muligt at inspicere og fejlfinde HTML, CSS og JavaScript. Du kan få adgang til dem ved at trykke på F12 eller ved at højreklikke på siden og vælge Inspicér.
For eksempel kan vi undersøge websiden google.com. Ved at trykke på F12 får du adgang til følgende visning:
- Fanen Elements (venstre side) viser sidens HTML-struktur;
- Fanen Styles (højre side) viser CSS-regler for det valgte element.
- Når du holder musen over et element, fremhæves det på siden.
Ud over at inspicere elementer giver udviklerværktøjer dig mulighed for at ændre HTML og CSS. Ændringer vises straks på websiden, men gemmes ikke permanent i kildekoden. Denne funktion er nyttig til at teste og eksperimentere med markup og stilarter.
Kodestil
Kodestil betyder at skrive HTML, der er ren, læsbar og ensartet. Selvom HTML ikke håndhæver strenge formateringsregler, gør god struktur din kode lettere at vedligeholde.
Eksempel på velstruktureret markup:
index.html
Hvis du er interesseret i bedste praksis for kodestil, anbefales det at besøge følgende kilde: Code Guide by @mdo.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
