Ce guide montre ce qu'est un modèle de démarrage HTML.
Qu'est-ce qu'un modèle de démarrage HTML ?
Un modèle de démarrage HTML contient la déclaration , les balises ,
et , ainsi qu'un ensemble de base de styles CSS et de scripts JavaScript. Ces balises fournissent une base pour la création d'une page Web, ce qui permet aux développeurs d'économiser beaucoup de temps et d'efforts.Le modèle de démarrage HTML ressemble à ceci :
< html juste = 'dans' >
< diriger >
< méta jeu de caractères = 'UTF-8' >
< méta nom = 'fenêtre' contenu = 'width=device-width, initial-scale=1' >
< titre > Linux < / titre >
< lien rel = 'feuille de style' href = './style.css' >
< méta http-equiv = 'Compatible X-UA' contenu = 'c'est-à-dire=bord' >
< / diriger >
< corps >
< h1 > Modèle de démarrage HTML < / h1 >
< / principal>
< scénario src = 'index.js' >< / scénario >
< / corps >
< / html >
Suivez la démonstration ci-dessous pour en savoir plus sur les balises/éléments disponibles dans le modèle de démarrage HTML :
La balise
Le ' ” contient les données sur le type de fichier et indique au navigateur comment le rendre. Cette balise aide beaucoup à l'optimisation des moteurs de recherche en fournissant des informations sur la version de HTML utilisée pour créer la page Web. Si cette balise est manquante dans un fichier HTML, le navigateur Web peut se comporter de manière inattendue ou afficher des éléments incorrects.
La balise
Le ' ” est un élément obligatoire et agit comme un conteneur pour tous les éléments HTML. C'est l'élément racine signifie que tous les autres éléments doivent être placés à l'intérieur pour fonctionner correctement. Cette balise peut être utilisée pour définir la structure et le contenu de la page Web et aider à spécifier les métadonnées sur le document. Utilisant son ' juste ” l'attribut la langue de la page HTML peut être défini :
< html juste = 'dans' >// code
< / html >
Dans l'extrait de code ci-dessus, la langue de la page HTML est définie sur ' Anglais ”.
La balise ''
Les informations sur la page Web sont insérées à l'intérieur du '
// insérer code ici
< / diriger >
Les balises
La balise fournit des métadonnées sur le document HTML, telles que le jeu de caractères, les mots-clés et la description de la page. Il joue un rôle essentiel dans l'optimisation des moteurs de navigation. Il garantit que le navigateur Web affiche correctement le texte en utilisant les normes de codage appropriées. Également utilisé pour définir les mots-clés et la description liés à la page HTML :
< méta ... / > La balise
Le '
Après avoir exécuté la ligne de code ci-dessus dans le '
La sortie ci-dessus montre que les données factices fournies à l'intérieur du '
La balise
Cette balise est utilisée pour lier des fichiers HTML à d'autres fichiers afin d'hériter ou d'utiliser le style ou les méthodes du fichier HTML. Les autres fichiers peuvent être des fichiers CSS créés par le développeur ou certains CDN des frameworks CSS comme Bootstrap ou Tailwind, etc. Il est largement utilisé car en l'utilisant, la ligne de code diminue beaucoup et fournit des styles de pré-construction qui peuvent être utilisés dans le fichier HTML :
< lien rel = 'feuille de style' href = './style.css' >Dans la ligne de code ci-dessus, le ' style.css ” le fichier est lié au fichier HTML. Désormais, les classes créées dans le fichier 'style.css' sont accessibles pour appliquer un style dans le fichier HTML. Par exemple, essayez de styliser le ' ” qui est déjà insérée dans le fichier HTML à l'aide des propriétés CSS suivantes :
h1 {famille de polices : times new roman ;
couleur : cyan foncé;
}
Insérez le code ci-dessus dans le ' style.css ' déposer. Après le rendu, la page Web apparaît comme ceci :
La page Web montre que les styles sont appliqués sur l'élément HTML à partir du fichier CSS externe en utilisant le '
La balise ' '
L'utilisation principale de la balise
est de contenir tout le contenu visible de la page Web. Cela inclut plusieurs balises qui aident à insérer du texte, des images, des vidéos et d'autres éléments sur la page Web qui constituent le contenu principal de la page Web. Il peut également être utilisé pour appliquer des propriétés CSS à la page Web à la fois. Il améliore également l'accessibilité de la page Web en incluant des balises sémantiques et d'autres fonctionnalités d'accessibilité : < corps >// Ajouter des éléments HTML ici
< / corps >