Denne veiledningen viser hva en HTML-startmal er.
Hva er HTML-startmal?
En HTML-startmal inneholder -erklæringen, -,
- og -taggene og et grunnleggende sett med CSS-stiler og JavaScript-skript. Disse kodene gir et grunnlag for å lage en nettside som sparer mye tid og krefter for utviklerne.HTML-startmalen ser slik ut:
< html bare = 'i' >
< hode >
< meta tegnsett = 'UTF-8' >
< meta Navn = 'viewport' innhold = 'width=device-width, initial-scale=1' >
< tittel > Linux < / tittel >
< link rel = 'stilark' href = './style.css' >
< meta http-ekv = 'X-UA-kompatibel' innhold = 'dvs=kant' >
< / hode >
< kropp >
< h1 > HTML startmal < / h1 >
< / hoved>
< manus src = 'index.js' >< / manus >
< / kropp >
< / html >
Følg demonstrasjonen nedenfor for å få kunnskap om taggene/elementene som er tilgjengelige i HTML-startmalen:
-taggen
« ”-taggen inneholder data om filtypen og forteller nettleseren hvordan den skal gjengis. Denne taggen hjelper mye i søkemotoroptimalisering ved å gi informasjon om hvilken versjon av HTML som brukes til å bygge nettsiden. Hvis denne taggen mangler i en HTML-fil, kan nettleseren oppføre seg uventet eller vise feil elementer.
-koden
« ”-taggen er et obligatorisk element, og den fungerer som en beholder for alle HTML-elementer. Det er rotelementet betyr at alle andre elementer må plasseres inne for å fungere ordentlig. Denne taggen kan brukes til å definere strukturen og innholdet på nettsiden og hjelpe til med å spesifisere metadataene om dokumentet. Bruker sin ' bare ” attributt språket til HTML-siden kan angis:
< html bare = 'i' >// kode
< / html >
I kodebiten ovenfor er HTML-sidespråket satt til ' Engelsk '.
«»-taggen
Informasjonen om nettsiden er satt inn i '
// sett inn kode her
< / hode >
-taggene
-taggen gir metadata om HTML-dokumentet, for eksempel tegnsett, nøkkelord og beskrivelse av siden. Det spiller en viktig rolle i nettlesermotoroptimalisering. Det sikrer at nettleseren viser teksten riktig ved å bruke de riktige kodingsstandardene. Brukes også til å angi nøkkelord og beskrivelse relatert til HTML-siden:
< meta ... / > -taggen
«
Etter å ha utført kodelinjen ovenfor inne i '
Ovennevnte utgang viser at dummy-dataene som er oppgitt i '
-taggen
Denne taggen brukes til å koble HTML-filer til andre filer for å arve eller bruke stilen eller metodene i HTML-filen. De andre filene kan være CSS-filer laget av utvikleren eller noen CDN-er av CSS-rammeverket som Bootstrap eller Tailwind osv. Det er mye brukt fordi ved å bruke det reduseres kodelinjen mye og gir forhåndsbyggede stiler som kan brukes i HTML-filen:
< link rel = 'stilark' href = './style.css' >I kodelinjen ovenfor, ' style.css ”-filen blir koblet til HTML-filen. Nå kan klassene som er bygget inne i 'style.css'-filen nås for å bruke stil i HTML-filen. Prøv for eksempel å style ' '-taggen som allerede er satt inn i HTML-filen ved å bruke følgende CSS-egenskaper:
h1 {font-family: times new roman;
farge : mørkblått;
}
Sett inn koden ovenfor i ' style.css ' fil. Etter gjengivelsen ser nettsiden slik ut:
Nettsiden viser at stilene brukes på HTML-elementet fra den eksterne CSS-filen ved å bruke ' ' stikkord.
« »-taggen
Den primære bruken av
-taggen er å inneholde alt det synlige innholdet på nettsiden. Dette inkluderer flere tagger som hjelper med å sette inn tekst, bilder, videoer og andre elementer på nettsiden som utgjør hovedinnholdet på nettsiden. Den kan også brukes til å bruke CSS-egenskaper på nettsiden samtidig. Det forbedrer også tilgjengeligheten til nettsiden ved å inkludere semantiske tagger og andre tilgjengelighetsfunksjoner: < kropp >// Legg til HTML-elementer her
< / kropp >