Šī rokasgrāmata parāda, kas ir HTML sākuma veidne.
Kas ir HTML sākuma veidne?
HTML sākuma veidnē ir ietverta deklarācija , tagi ,
un , kā arī CSS stilu un JavaScript skriptu pamata kopa. Šie tagi nodrošina pamatu tīmekļa lapas izveidei, kas izstrādātājiem ietaupa daudz laika un pūļu.HTML sākuma veidne izskatās šādi:
< html vienkārši = 'iekšā' >
< galvu >
< meta rakstzīmju kopa = 'UTF-8' >
< meta nosaukums = 'skata logs' saturu = 'platums=ierīces platums, sākotnējais mērogs=1' >
< virsraksts > Linux < / virsraksts >
< saite rel = 'stila lapa' href = './style.css' >
< meta http-ekv = 'X-UA saderīgs' saturu = 'ie=mala' >
< / galvu >
< ķermeni >
< h1 > HTML sākuma veidne < / h1 >
< / galvenais>
< skripts src = 'index.js' >< / skripts >
< / ķermeni >
< / html >
Izpildiet tālāk redzamo demonstrāciju, lai iegūtu zināšanas par HTML sākuma veidnē pieejamajiem tagiem/elementiem:
Tags
' ” tags satur datus par faila tipu un norāda pārlūkprogrammai, kā to renderēt. Šis tags ļoti palīdz meklētājprogrammu optimizācijā, sniedzot informāciju par to, kura HTML versija tiek izmantota tīmekļa lapas izveidošanai. Ja šī taga trūkst HTML failā, tīmekļa pārlūkprogramma var darboties negaidīti vai parādīt nepareizus elementus.
Tags
' ” tags ir obligāts elements, un tas darbojas kā konteiners visiem HTML elementiem. Tas ir saknes elements, kas nozīmē, ka visi pārējie elementi ir jāievieto iekšā, lai tie darbotos pareizi. Šo tagu var izmantot, lai definētu tīmekļa lapas struktūru un saturu un palīdzētu norādīt metadatus par dokumentu. Izmantojot savu ' vienkārši ” atribūtam var iestatīt HTML lapas valodu:
< html vienkārši = 'iekšā' >// kodu
< / html >
Iepriekš minētajā koda fragmentā HTML lapas valoda ir iestatīta uz “ Angļu ”.
Tags “”.
Informācija par tīmekļa lapu tiek ievietota '
// ievietot kodu šeit
< / galvu >
tagi
Tags nodrošina metadatus par HTML dokumentu, piemēram, rakstzīmju kopu, atslēgvārdus un lapas aprakstu. Tam ir būtiska loma pārlūkprogrammas dzinēja optimizācijā. Tas nodrošina, ka tīmekļa pārlūkprogramma pareizi parāda tekstu, izmantojot pareizos kodēšanas standartus. Izmanto arī, lai iestatītu ar HTML lapu saistītos atslēgvārdus un aprakstu:
< meta ... / > Tags
'
Pēc iepriekš minētās koda rindas izpildīšanas '
Iepriekšējā izvade parāda, ka fiktīvie dati, kas sniegti '
Tags
Šis tags tiek izmantots, lai saistītu HTML failus ar citiem failiem, lai mantotu vai izmantotu stilu vai metodes HTML failā. Pārējie faili var būt izstrādātāja izveidoti CSS faili vai daži CSS ietvaru CDN, piemēram, Bootstrap vai Tailwind utt. Tas tiek plaši izmantots, jo, izmantojot to, koda rinda ievērojami samazinās un nodrošina pirmsveidošanas stilus, ko var izmantot HTML fails:
< saite rel = 'stila lapa' href = './style.css' >Iepriekš minētajā koda rindā ' stils.css ” fails tiek saistīts ar HTML failu. Tagad klasēm, kas ir iebūvētas failā “style.css”, var piekļūt, lai HTML failā lietotu stilu. Piemēram, mēģiniet izveidot stilu ” tagu, kas jau ir ievietots HTML failā, izmantojot šādus CSS rekvizītus:
h1 {font-family: reizes jauns romiešu;
krāsa : tumši zils;
}
Ievietojiet iepriekš minēto kodu sadaļā ' stils.css ” failu. Pēc tīmekļa lapas renderēšanas izskatās šādi:
Tīmekļa lapa parāda, ka stili tiek lietoti HTML elementā no ārējā CSS faila, izmantojot “
Tags “ ”.
Tags
primārais lietojums ir ietvert visu tīmekļa lapas redzamo saturu. Tas ietver vairākus tagus, kas palīdz tīmekļa lapā ievietot tekstu, attēlus, videoklipus un citus elementus, kas veido tīmekļa lapas galveno saturu. To var arī izmantot, lai CSS rekvizītus lietotu tīmekļa lapai uzreiz. Tas arī uzlabo tīmekļa lapas pieejamību, iekļaujot semantiskos tagus un citus pieejamības līdzekļus: < ķermeni >// Pievienojiet šeit HTML elementus
< / ķermeni >