Balise Meta en HTML - Apprenez les différents types de balises META en HTML

Table des matières:

Anonim

Introduction à la balise Meta en HTML

Une balise META en HTML est utilisée pour définir des données sur votre page Web ou votre document HTML. À l'aide d'une balise META, on peut définir la description du document, ses informations d'auteur lors de sa dernière mise à jour, qu'il utilise pour donner des détails sur les propriétés du document HTML. La balise Meta est définie dans la balise HTML, qui est incluse en partie. Il est très utile aux concepteurs Web d'afficher la partie d'affichage réelle de la page Web. Un contrôle complet de la fenêtre sera effectué par eux à l'aide de balises META dans HTML 5. La balise META est référencée par la plupart des navigateurs pour de nombreuses fonctionnalités utiles telles que l'actualisation des pages, l'affichage du contenu des pages Web et les services Web qu'ils utilisent.

Syntaxe

Balise Meta utilisée dans la section head comme suit:

Dans la syntaxe ci-dessus, il indique que charset = ”utf-8” fournit le meilleur support pour afficher tout type de langue.
Voici une autre syntaxe pour la balise meta avec une certaine valeur:

Il est utilisé pour gérer la taille de la fenêtre d'affichage avec toute sa valeur de dimension de page et son défilement pour s'adapter parfaitement à notre page Web dans n'importe quel type d'appareil.

Liste des balises Meta en HTML

Il existe différents types de balises Meta utilisées en HTML, voyons un par un:

1. Il s'agit d'une balise META très basique utilisée pour définir tout type de langage.

2. Il est utilisé pour définir la description de votre contenu jusqu'à 150 mots.

3. Il est utilisé pour préserver tous les droits d'auteur de l'entreprise définie.

4. Il est utilisé pour définir un résumé d'une page Web spécifique.

5. Il est utilisé pour définir l'auteur de votre document HTML.

6. Il est utilisé pour définir l'adresse URL d'une entreprise spécifique définie dans l'attribut tag.

7. Il est utilisé pour gérer les notations fournies sur notre document.

8. Si nous voulons définir des sous-titres pour nos documents HTML, cela a rendu possible l'utilisation de cette balise.

9. Il est utilisé pour actualiser notre page Web à l'heure définie comme spam.

10. Il est utilisé pour classer notre document à la valeur d'entité définie.

11. Cette balise est utilisée pour spécifier certains mots clés dans la balise Meta, il est donc possible de rechercher facilement ce contenu dans notre document.

12. Cette balise est utilisée pour définir le résumé de notre document.

Fonctionnement de la balise Meta en HTML

La balise Meta en HTML est principalement utilisée pour inclure des informations lisibles par machine dans notre document de page Web qui sont en fait invisibles sur la page Web. Un autre travail le plus important de cette balise en HTML est, avec l'aide de cette balise, on peut facilement rediriger vers l'autre page Web en utilisant cette fonction de balise meta.

Il y a une liste d'attributs sur laquelle la balise META fonctionne correctement:

1. Contenu: le contenu de la balise META fonctionne comme la valeur de sa balise META incluse.

2. Nom: le nom fonctionne comme propriété de la balise META. Il se présente sous la forme de détails, propriétaire, mots clés, etc.

3. http-equiv: cet attribut permet de définir les détails de l'en-tête dans le document.

4. Jeu de caractères: il s'agit de l'attribut principal de la balise Meta utilisé pour définir le codage de caractères à des fins de déclaration dans son document.

5. Schéma: cet attribut est utilisé pour définir le schéma dans lequel la balise réellement méta va être utilisée. Mais ce type d'attribut n'est pas pris en charge en HTML5.

Exemples de balises Meta en HTML

Voyons quelques exemples

Exemple 1

Nous allons utiliser la balise Meta et elle sera lue par le système informatique, mais ne pourra rien voir aux visiteurs de la page Web.

Code HTML:





Sortie: Il affichera un écran vierge en sortie.

Exemple # 2

Voici cet exemple, nous allons utiliser différents types de balises Meta et afficherons la sortie, la page Web sera actualisée à chaque heure spécifique et stockera des cookies pour votre page en mentionnant également sa date d'expiration.

Code HTML:


Meta Tags Example



EDUCBA
Become an Awesome Design Expert

Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert

EDUCBA - Tout sur les cours de certification en ligne


Apprenez la conception graphique, l'animation, le développement de jeux, le montage vidéo et plus encore avec nos cours de certification en ligne


Choisissez votre domaine d'intérêt et obtenez une certification avec nos cours en ligne en finance, science des données, développement de logiciels, Excel, conception, gestion de projet, développement personnel, marketing et ressources humaines.

Sortie: La page Web affichée dans la sortie sera actualisée toutes les 5 secondes.

Exemple # 3

Voyons un autre exemple utilisant des balises META, il reflétera la même chose que ci-dessus mais après avoir actualisé la page Web, il redirigera vers une autre page Web dont l'URL sera mentionnée dans la balise META comme indiqué dans le code HTML ci-dessous:

Code HTML:


Meta Tags in HTML 5



Meta Tags in HTML 5


EDUCBA - Tout sur les cours de certification en ligne

Production:

Conclusion

Ainsi, une balise Meta en Html est utilisée pour définir les métadonnées sur les documents HTML. Le code qui y est inclus est un format lisible par machine qui fonctionne bien avec une page Web mais n'affiche aucun contenu sur la page aux visiteurs. Balise Meta contenant 3 types d'attributs différents, tels que des attributs globaux, spécifiques à l'élément et de gestionnaire d'événements.

Articles recommandés

Ceci est un guide de la balise Meta en HTML. Ici, nous discutons de la liste des différents types de balises Meta utilisées en HTML avec les exemples. Vous pouvez également consulter les articles suivants pour en savoir plus -

  1. Cadres HTML
  2. Disposition HTML
  3. Attribut de style HTML
  4. Éléments de formulaire HTML