Å skrive en kode i et pent og klart format er målet for gode utviklere. HTML -koden er vanligvis lang og dermed anbefales den å bygge en ren struktur av HTML -dokumenter. Lesbarheten og gjenbrukbarheten til HTML -koden avhenger av skrivemønsteret til koden. Dette beskrivende innlegget illustrerer god praksis for å skrive HTML -syntaks.
Html syntaks god praksis
Denne delen viser flere praksis som må følges for et godt HTML -dokument.
Dokumenttype (DocType)
Dokumenttypen må være der øverst i koden for å bli kjent med typen innhold. I HTML5 må følgende tekst skrives øverst i dokumentet (eller du vil få strukturen som standard i moderne redaktører):
Dokumentstruktur
Dokumentstrukturen til HTML må følges for å gjengi sidene riktig. Hvis ikke gjør det, kan det hende du må møte forskjellige gjengivelsesproblemer. Et utvalg av en HTML5s dokumentstruktur er vist nedenfor:
Semantisk strukturering
De semantiske elementene gir en riktig betydning av bruken deres som , ,
, etc. Når du skriver en HTML -kode, må du bruke semantiske elementer da de gir et formål for bruken.
Tittel
En tittel oppsummerer innholdet på siden din med noen få ord, så det anbefales å bruke den aktuelle tittelen som definerer innholdet.
Metakoder
Metakodene praktiseres for å kommunisere med nettleseren eller definere responsen på websiden. Responsiviteten utføres ved hjelp av ViewPort -attributtet som vist nedenfor. Du vil også oppdage at charset på websiden er satt til UTF-8 (som vil fortelle nettleseren at Charset brukes).
Optimaliser koden din
Et HTML -dokument kan være veldig komplekst, så det antydes at du må se etter optimaliseringsmuligheter ved å begrense antall elementer på en side.
Innrykk
Innrykk i HTML vil ikke gi noen feil, men det vil påvirke lesbarheten til dokumentet. Så innrykk må brukes ordentlig ved å følge åpnings- og lukkekodene på en riktig måte.
Kommentarer
For bedre brukbarhet av HTML -kode spiller kommentarer en viktig rolle i å formidle formålet med kodestykket. HTML -kommentarene kan brukes på følgende måte:
Begrensede tagger
HTML5 er et case-ufølsom språk, men det ville være en god stevne å bruke små bokstaver for HTML-elementene.
Lukkende tagger
Flere koderedaktører lar deg avslutte taggen som er startet. Imidlertid, hvis støtten ikke er gitt av redaktøren, er du pålagt å sikre at avsluttende taggen skal unngå noen utførelsesfeil.
Filnavn
Hvis en URL som (“https: // www.Linuxhint.com/”) inneholder ikke noe filnavn på slutten, så er det tilgjengelig standard filnavn (spesifisert av serveren). Du må se etter standard filnavnet spesifisert av serveren (vanligvis er det indeks.html) og konfigurere serveren deretter.
Stiler
Inline -stilene kan legges til i et HTML -element der det eksterne CSS inneholder stylingformater i en ekstern fil. Når det gjelder bulkstyling, kan inline eller interne stiler skape et rot som resulterer i dårlig synlighet av koden. Fra diskusjonen er det tydelig at den eksterne CSS ville være fordelaktig i alle aspekter.
Plassering av en CSS -fil
En CSS -fil kan plasseres hvor som helst i koden, men den anbefales å legge til CSS -filen inne i taggen. Plasseringen av CSS -filen i hodemerket vil hjelpe til med å laste siden raskere.
Validering
Validering av koden er ganske nødvendig for å unngå noen utførelsesfeil. Så i stedet for å vente på fullføringen av koden, må du fortsette å validere kodetiden etter tid.
Konklusjon
Et HTML -dokument kan opprettes ved å følge flere praksis. Imidlertid, hvis formateringen er ryddig og tydelig, ville det være enkelt å gjenbruke og lese koden. Denne artikkelen illustrerer den gode praksis med HTML -syntaks. Disse praksisene inkluderer småkoder, tittel, stiler, en systematisk dokumentstruktur, optimalisering av koden, innrykk, kommentarer, metakoder. Du har flere muligheter til å skrive HTML -kode, men det anbefales å følge praksisene som er gitt her for å gjøre HTML -dokumentet lesbart og gjenbrukbart.
