Šis vadovas parodo, kas yra HTML pradžios šablonas.
Kas yra HTML pradžios šablonas?
HTML pradžios šablone yra deklaracija, ,
ir žymos bei pagrindinis CSS stilių ir „JavaScript“ scenarijų rinkinys. Šios žymos suteikia pagrindą kuriant tinklalapį, kuris sutaupo daug kūrėjų laiko ir pastangų.HTML pradžios šablonas atrodo taip:
< html tiesiog = 'į' >
< galva >
< meta simbolių rinkinys = 'UTF-8' >
< meta vardas = 'žiūros sritis' turinys = 'plotis = įrenginio plotis, pradinė skalė = 1' >
< titulą > Linux < / titulą >
< nuoroda rel = 'stiliaus lapas' href = './style.css' >
< meta http-equiv = „Suderinamas su X-UA“ turinys = 'ie = kraštas' >
< / galva >
< kūnas >
< h1 > HTML pradžios šablonas < / h1 >
< / pagrindinis>
< scenarijus src = 'index.js' >< / scenarijus >
< / kūnas >
< / html >
Vykdykite toliau pateiktą demonstraciją, kad sužinotumėte apie žymas / elementus, pasiekiamus HTML pradžios šablone:
Žyma
„ “ žymoje yra duomenys apie failo tipą ir naršyklei nurodoma, kaip jį pateikti. Ši žyma labai padeda optimizuoti paieškos variklius, nes suteikia informacijos apie tai, kuri HTML versija naudojama kuriant tinklalapį. Jei šios žymos nėra HTML faile, žiniatinklio naršyklė gali veikti netikėtai arba rodyti netinkamus elementus.
Žyma
„ “ žyma yra būtinas elementas ir veikia kaip visų HTML elementų konteineris. Tai yra pagrindinis elementas, reiškiantis, kad visi kiti elementai turi būti įdėti į vidų, kad tinkamai veiktų. Ši žyma gali būti naudojama tinklalapio struktūrai ir turiniui apibrėžti bei dokumento metaduomenims nurodyti. Naudojant savo ' tiesiog ” atribute galima nustatyti HTML puslapio kalbą:
< html tiesiog = 'į' >// kodas
< / html >
Aukščiau pateiktame kodo fragmente HTML puslapio kalba nustatyta į „ Anglų “.
Žyma „“.
Informacija apie tinklalapį įterpiama į '
// Įdėti kodas čia
< / galva >
žymos
Žyma pateikia metaduomenis apie HTML dokumentą, pvz., simbolių rinkinį, raktinius žodžius ir puslapio aprašymą. Tai atlieka esminį vaidmenį optimizuojant naršyklės variklį. Tai užtikrina, kad žiniatinklio naršyklė teisingai parodys tekstą, naudodama teisingus kodavimo standartus. Taip pat naudojamas su HTML puslapiu susijusiems raktiniams žodžiams ir aprašymams nustatyti:
< meta ... / > Žyma
„
Įvykdę aukščiau pateiktą kodo eilutę „
Aukščiau pateikta išvestis rodo, kad netikri duomenys, pateikti „
Žyma
Ši žyma naudojama HTML failams susieti su kitais failais, kad būtų galima paveldėti arba naudoti HTML failo stilių ar metodus. Kiti failai gali būti kūrėjo sukurti CSS failai arba kai kurie CSS sistemų CDN, pvz., „Bootstrap“ ar „Tailwind“ ir kt. Jis plačiai naudojamas, nes naudojant jį kodo eilutė labai sumažėja ir pateikiami iš anksto sukurti stiliai, kuriuos galima panaudoti HTML failas:
< nuoroda rel = 'stiliaus lapas' href = './style.css' >Aukščiau esančioje kodo eilutėje „ stilius.css “ failas susiejamas su HTML failu. Dabar galima pasiekti klases, kurios yra sukurtos „style.css“ faile, kad būtų galima pritaikyti stilių HTML faile. Pavyzdžiui, pabandykite sukurti stilių “ žyma, kuri jau įterpta į HTML failą naudojant šias CSS ypatybes:
h1 {šriftų šeima: kartus naujas romanas;
spalva : tamsiai mėlyna;
}
Įveskite aukščiau esantį kodą į ' stilius.css “ failą. Po pateikimo tinklalapis atrodo taip:
Tinklalapyje rodoma, kad stiliai taikomi HTML elementui iš išorinio CSS failo naudojant „
Žyma „ “.
Pagrindinis žymos
naudojimas yra visas matomas tinklalapio turinys. Tai apima kelias žymas, padedančias įterpti tekstą, vaizdus, vaizdo įrašus ir kitus tinklalapio elementus, kurie sudaro pagrindinį tinklalapio turinį. Jis taip pat gali būti naudojamas CSS ypatybėms pritaikyti tinklalapiui vienu metu. Tai taip pat pagerina tinklalapio pasiekiamumą įtraukdama semantines žymas ir kitas pritaikymo neįgaliesiems funkcijas: < kūnas >// Čia pridėkite HTML elementus
< / kūnas >