See juhend näitab, mis on HTML-i käivitamismall.
Mis on HTML Starter Template?
HTML-i käivitusmall sisaldab deklaratsiooni , silte ,
ja ning põhikomplekti CSS-stiile ja JavaScripti skripte. Need sildid loovad aluse veebilehe loomiseks, mis säästab arendajate jaoks palju aega ja vaeva.HTML-i käivitamismall näeb välja selline:
< html lihtsalt = 'sisse' >
< pea >
< meta märgistik = 'UTF-8' >
< meta nimi = 'vaateava' sisu = 'laius = seadme laius, esialgne skaala = 1' >
< pealkiri > Linux < / pealkiri >
< link rel = 'laadileht' href = './style.css' >
< meta http-ekv = 'X-UA-ühilduv' sisu = 'ie=serv' >
< / pea >
< keha >
< h1 > HTML-i alustamise mall < / h1 >
< / peamine>
< stsenaarium src = 'index.js' >< / stsenaarium >
< / keha >
< / html >
Järgige allolevat tutvustust, et saada teadmisi HTML-i käivitusmallis saadaolevate siltide/elementide kohta.
Märgend
' ” silt sisaldab andmeid failitüübi kohta ja annab brauserile teada, kuidas seda renderdada. See silt aitab palju otsingumootoritele optimeerimisel, pakkudes teavet selle kohta, millist HTML-i versiooni veebilehe koostamiseks kasutatakse. Kui see silt HTML-failis puudub, võib veebibrauser käituda ootamatult või kuvada valesid elemente.
Silt
' ” märgend on nõutav element ja see toimib kõigi HTML-elementide konteinerina. See on juurelement, mis tähendab, et kõik muud elemendid peavad olema korralikult töötamiseks sisse pandud. Seda silti saab kasutada veebilehe struktuuri ja sisu määratlemiseks ning dokumendi metaandmete täpsustamiseks. Kasutades selle ' lihtsalt ” atribuudiga saab määrata HTML-lehe keele:
< html lihtsalt = 'sisse' >// kood
< / html >
Ülaltoodud koodilõigu HTML-lehe keeleks on määratud ' Inglise ”.
Silt „”.
Teave veebilehe kohta sisestatakse jaotisesse '
// sisestada kood siin
< / pea >
sildid
Märgend pakub HTML-dokumendi metaandmeid, nagu märgistik, märksõnad ja lehe kirjeldus. See mängib brauseri mootori optimeerimisel olulist rolli. See tagab, et veebibrauser kuvab teksti õigesti, kasutades õigeid kodeerimisstandardeid. Kasutatakse ka HTML-lehega seotud märksõnade ja kirjelduse määramiseks:
< meta ... / > Silt
'
Pärast ülaltoodud koodirea täitmist jaotises '
Ülaltoodud väljund näitab, et näidisandmed, mis on esitatud
Silt
Seda silti kasutatakse HTML-failide linkimiseks teiste failidega, et pärida või kasutada HTML-faili stiili või meetodeid. Teised failid võivad olla CSS-failid, mille on loonud arendaja või mõned CSS-i raamistike CDN-id, nagu Bootstrap või Tailwind jne. Seda kasutatakse laialdaselt, kuna selle kasutamisel väheneb koodirida palju ja see annab eelehitusstiile, mida saab kasutada HTML-fail:
< link rel = 'laadileht' href = './style.css' >Ülaltoodud koodireal on ' stiil.css ” fail lingitakse HTML-failiga. Nüüd pääseb juurde klassidele, mis on ehitatud faili 'style.css' sisse, et HTML-failis stiili rakendada. Näiteks proovige stiili ” märgend, mis on juba HTML-faili sisestatud, kasutades järgmisi CSS-i atribuute:
h1 {font-family: korda uus romaani;
värvi : tumetsüaan;
}
Sisestage ülaltoodud kood ' stiil.css ” faili. Pärast renderdamist näeb veebileht välja selline:
Veebileht näitab, et stiile rakendatakse välise CSS-faili HTML-elemendile, kasutades ' ” silti.
Märgend „ ”.
Märgendi
peamine kasutusala on veebilehe kogu nähtava sisu sisaldamine. See hõlmab mitmeid silte, mis aitavad sisestada veebilehele teksti, pilte, videoid ja muid elemente, mis moodustavad veebilehe põhisisu. Seda saab kasutada ka CSS-i atribuutide korraga veebilehele rakendamiseks. See parandab ka veebilehe juurdepääsetavust, lisades semantilised sildid ja muud juurdepääsetavuse funktsioonid: < keha >// Lisage siia HTML-elemendid
< / keha >