Táto príručka ukazuje, čo je počiatočná šablóna HTML.
Čo je to HTML Starter Template?
Štartovacia šablóna HTML obsahuje deklaráciu , značky ,
a a základnú sadu štýlov CSS a skriptov JavaScript. Tieto značky poskytujú základ na vytvorenie webovej stránky, čo vývojárom šetrí veľa času a úsilia.Štartovacia šablóna HTML vyzerá takto:
< html len = 'v' >
< hlavu >
< meta znakovú sadu = 'UTF-8' >
< meta názov = 'výrez' obsahu = 'width=device-width, initial-scale=1' >
< titul > Linux < / titul >
< odkaz rel = 'štýlov' href = './style.css' >
< meta http-ekviv = 'X-UA-kompatibilné' obsahu = 'ie=okraj' >
< / hlavu >
< telo >
< h1 > HTML štartovacia šablóna < / h1 >
< / hlavné>
< skript src = 'index.js' < / skript >
< / telo >
< / html >
Ak chcete získať vedomosti o značkách/prvkoch dostupných v úvodnej šablóne HTML, postupujte podľa nižšie uvedenej ukážky:
Značka
' ” obsahuje údaje o type súboru a informuje prehliadač, ako ho má vykresliť. Táto značka veľmi pomáha pri optimalizácii pre vyhľadávače tým, že poskytuje informácie o tom, ktorá verzia HTML sa používa na vytvorenie webovej stránky. Ak táto značka v súbore HTML chýba, webový prehliadač sa môže správať neočakávane alebo zobrazovať nesprávne prvky.
Značka
' ” je povinný prvok a funguje ako kontajner pre všetky HTML prvky. Je to koreňový prvok, čo znamená, že všetky ostatné prvky musia byť umiestnené vo vnútri, aby správne fungovali. Tento tag možno použiť na definovanie štruktúry a obsahu webovej stránky a na pomoc pri špecifikovaní metadát o dokumente. Pomocou jeho „ len ” možno nastaviť jazyk HTML stránky:
< html len = 'v' >// kód
< / html >
Vo vyššie uvedenom útržku kódu je jazyk stránky HTML nastavený na „ Angličtina “.
Značka „“.
Informácie o webovej stránke sú vložené do „ “ a nie sú viditeľné na webovej stránke a tieto informácie sa používajú na účely SEO. Zvyčajne obsahuje metadáta, ako je názov stránky, popis a kľúčové slová, ako aj odkazy na externé šablóny so štýlmi, skripty a ďalšie zdroje:
< hlavu >// vložiť kód tu
< / hlavu >
Značky
Značka poskytuje metadáta o dokumente HTML, ako napríklad znakovú sadu, kľúčové slová a popis stránky. Hrá zásadnú úlohu pri optimalizácii prehliadača. Zabezpečuje, že webový prehliadač zobrazuje text správne pomocou správnych štandardov kódovania. Používa sa aj na nastavenie kľúčových slov a popisu súvisiaceho so stránkou HTML:
< meta ... / > Značka
'
Po vykonaní vyššie uvedeného riadku kódu v „ “, webová stránka vyzerá takto:
Vyššie uvedený výstup zobrazuje, že fiktívne údaje poskytnuté v „
Značka
Táto značka sa používa na prepojenie súborov HTML s inými súbormi na dedenie alebo použitie štýlu alebo metód v súbore HTML. Ďalšími súbormi môžu byť súbory CSS vytvorené vývojárom alebo niektoré CDN rámcov CSS ako Bootstrap alebo Tailwind atď. Je široko používaný, pretože jeho používaním sa riadok kódu výrazne zmenšuje a poskytuje predpripravené štýly, ktoré možno použiť v súbor HTML:
< odkaz rel = 'štýlov' href = './style.css' >Vo vyššie uvedenom riadku kódu je „ style.css ” sa prepája so súborom HTML. Teraz je možné pristupovať k triedam, ktoré sú zabudované v súbore „style.css“, aby ste mohli použiť štýl v súbore HTML. Skúste napríklad upraviť štýl „ ” tag, ktorý je už vložený do súboru HTML pomocou nasledujúcich vlastností CSS:
h1 {font-family: times new roman;
farba : tmavozelená;
}
Vložte vyššie uvedený kód do „ style.css “. Po vykreslení webová stránka vyzerá takto:
Webová stránka ukazuje, že štýly sa aplikujú na prvok HTML z externého súboru CSS pomocou „ ” tag.
Značka „ “.
Primárnym použitím značky
je obsiahnutie všetkého viditeľného obsahu webovej stránky. To zahŕňa viacero značiek, ktoré pomáhajú pri vkladaní textu, obrázkov, videí a iných prvkov na webovú stránku, ktoré tvoria hlavný obsah webovej stránky. Môže sa tiež použiť na okamžité použitie vlastností CSS na webovú stránku. Zlepšuje tiež prístupnosť webovej stránky zahrnutím sémantických značiek a ďalších funkcií prístupnosti: < telo >// Tu pridajte prvky HTML
< / telo >