Aquesta guia demostra què és una plantilla HTML inicial.
Què és HTML Starter Template?
Una plantilla HTML inicial conté la declaració , les etiquetes ,
i i un conjunt bàsic d'estils CSS i scripts JavaScript. Aquestes etiquetes proporcionen una base per crear una pàgina web que estalvia molt de temps i esforç als desenvolupadors.La plantilla inicial HTML apareix així:
< html només = 'en' >
< cap >
< meta conjunt de caràcters = 'UTF-8' >
< meta nom = 'mirador' contingut = 'amplada=amplada del dispositiu, escala inicial=1' >
< títol > Linux < / títol >
< enllaç rel = 'full d'estil' href = './style.css' >
< meta http-equiv = 'Compatible amb X-UA' contingut = 'és a dir = vora' >
< / cap >
< cos >
< h1 > Plantilla HTML inicial < / h1 >
< / principal>
< guió src = 'index.js' >< / guió >
< / cos >
< / html >
Seguiu la demostració següent per obtenir coneixements sobre les etiquetes/elements disponibles a la plantilla inicial HTML:
L'etiqueta
El ' ” conté les dades sobre el tipus de fitxer i indica al navegador com render-lo. Aquesta etiqueta ajuda molt a l'optimització de motors de cerca en proporcionar informació sobre quina versió d'HTML s'utilitza per crear la pàgina web. Si aquesta etiqueta no es troba en un fitxer HTML, és possible que el navegador web es comporti de manera inesperada o mostri elements incorrectes.
L'etiqueta
El ' ” és un element obligatori i actua com un contenidor per a tots els elements HTML. És l'element arrel significa que tots els altres elements s'han de col·locar a l'interior per funcionar correctament. Aquesta etiqueta es pot utilitzar per definir l'estructura i el contingut de la pàgina web i ajudar a especificar les metadades sobre el document. Utilitzant el seu ' només ” l'atribut es pot definir l'idioma de la pàgina HTML:
< html només = 'en' >// codi
< / html >
Al fragment de codi anterior, l'idioma de la pàgina HTML està definit en ' Anglès ”.
L'etiqueta ''.
La informació sobre la pàgina web s'insereix dins del '
// inserir codi aquí
< / cap >
Les etiquetes
L'etiqueta proporciona metadades sobre el document HTML, com ara el conjunt de caràcters, les paraules clau i la descripció de la pàgina. Té un paper essencial en l'optimització del motor del navegador. Assegura que el navegador web mostra el text correctament utilitzant els estàndards de codificació correctes. També s'utilitza per establir les paraules clau i la descripció relacionada amb la pàgina HTML:
< meta ... / > L'etiqueta
El '
Després d'executar la línia de codi anterior dins del '
La sortida anterior mostra que les dades simulades proporcionades dins del '
L'etiqueta
Aquesta etiqueta s'utilitza per enllaçar fitxers HTML amb altres fitxers per heretar o utilitzar l'estil o els mètodes del fitxer HTML. Els altres fitxers poden ser fitxers CSS creats pel desenvolupador o alguns CDN dels frameworks CSS com Bootstrap o Tailwind, etc. S'utilitza àmpliament perquè en utilitzar-lo la línia de codi disminueix molt i proporciona estils de preconstrucció que es poden utilitzar en el fitxer HTML:
< enllaç rel = 'full d'estil' href = './style.css' >A la línia de codi anterior, el ' estil.css ” s'està enllaçant amb el fitxer HTML. Ara, es pot accedir a les classes que es creen dins del fitxer 'style.css' per aplicar l'estil al fitxer HTML. Per exemple, intenteu posar un estil ' ” que ja està inserida dins del fitxer HTML mitjançant les següents propietats CSS:
h1 {font-family: times new roman;
color : cian fosc;
}
Inseriu el codi anterior a la ' estil.css ' dossier. Després de renderitzar la pàgina web apareix així:
La pàgina web mostra que els estils s'apliquen a l'element HTML des del fitxer CSS extern mitjançant el '
L'etiqueta ''.
L'ús principal de l'etiqueta
és contenir tot el contingut visible de la pàgina web. Això inclou diverses etiquetes que ajuden a inserir text, imatges, vídeos i altres elements a la pàgina web que conformen el contingut principal de la pàgina web. També es pot utilitzar per aplicar propietats CSS a la pàgina web alhora. També millora l'accessibilitat de la pàgina web mitjançant la inclusió d'etiquetes semàntiques i altres funcions d'accessibilitat: < cos >// Afegiu elements HTML aquí
< / cos >