Balise méta en HTML-tutoriel HTML-php.cn

Balise méta en HTML

WBOY

Libérer： 2024-09-04 16:20:50

original

512 Les gens l'ont consulté

Une balise méta en HTML est utilisée pour définir des données sur votre page Web ou votre document HTML. A l'aide d'une balise méta, on peut définir la description du document, ses informations sur l'auteur lors de sa dernière mise à jour ; il utilise pour donner les propriétés détaillées du document HTML. La balise méta est définie dans le Balise HTML, incluse dans partie. Il est très utile pour les concepteurs de sites Web d'afficher la partie d'affichage réelle de la page Web. L'ensemble du contrôle de la fenêtre d'affichage sera effectué par eux à l'aide de balises méta en HTML 5. La balise méta 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 méta utilisée dans la section head comme suit :

<meta charset="utf-8">

Copier après la connexion

Dans la syntaxe ci-dessus, il est indiqué que charset=”utf-8” fournit le meilleur support pour afficher tout type de langage.
Voici une autre syntaxe pour la balise méta avec une certaine valeur :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Copier après la connexion

Il est utilisé pour gérer la taille de la fenêtre d'affichage avec toutes ses valeurs de dimension de page et le défilement des pages pour s'adapter parfaitement à notre page Web sur tout 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 méta très basique utilisée pour définir tout type de langage.

2. Il permet de 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 le 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 de balise.

7. Il est utilisé pour gérer les notes qui figurent sur notre document.

8. Si nous voulons définir des sous-titres pour nos documents HTML, cela est rendu possible en utilisant 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 à une 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 méta 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 qu'avec l'aide de cette balise, on peut facilement rediriger vers l'autre page Web en utilisant cette fonctionnalité de balise méta.

Il existe une liste d'attributs sur lesquels la balise méta fonctionne correctement :

1. Contenu : Le contenu de la balise méta fonctionne comme la valeur de sa balise méta incluse.

2. Nom : Le nom fonctionne comme une propriété pour la balise méta. Il se présente sous forme de détails, de propriétaire, de mots-clés, etc.

3. http-equiv : Cet attribut est utilisé pour définir les détails de l'en-tête dans le document.

4. Charset : C'est l'attribut principal de la balise Meta utilisé pour définir l'encodage des 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 méta réelle va être utilisée. Mais ce type d'attribut n'est pas pris en charge en HTML5.

Exemples de balise méta en HTML

Voyons quelques exemples

Exemple n°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 :

<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Meta tag details information here">
<meta name="robots" content="Robotics"/>
<meta name="hotmail:card" content="summary"/>
</head>
</html>

Copier après la connexion

Sortie : Il affichera un écran vide en sortie.

Balise méta en HTML

Example #2

Here is this example we are going to use different kinds of Meta tags and show the output; the web page will be refresh at every specific time and store cookies for your page, also mentioning its expiry date.

HTML code:

<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta http-equiv = "cookie" content = "userid = xyz;
expires = Tuesday, 31-Dec-19 23:59:59 IST;" />
<meta name = "revised" content = "EDUCBA -Online courses, 3/7/2019" />
<meta http-equiv = "refresh" content = "5" />
</head>
<body>
<h1>EDUCBA</h1>
<h2>Become an Awesome Design Expert</h2>
<p>EDUCBA- All about online certification courses</p>
<h4>Learn Graphic designing, Animation, Game Development, Video Editing & more with our Online Certification Courses</h4>
<p>Choose your interest area and get certified with our online Courses in Finance, Data Science, Software Development, Excel, Design, Project Management, Personal Development, Marketing and Human Resources.</p>
</body>
</html>

Copier après la connexion

Output: The webpage shown in output will refresh every 5 seconds.

Balise méta en HTML

Example #3

Let’s see another example using meta tags, it will reflect the same as above, but after refreshing the webpage, it will redirect to another webpage which URL’s will be mentioned in the Meta tag as shown in the below HTML code:

HTML code:

<head>
<title>Meta Tags in HTML 5</title>
<meta name = "keywords" content = "HTML 5, Meta Tag" />
<meta name = "description" content = "Detail description of Meta Tags in
HTML 5."/>
<meta http-equiv = "refresh" content = "10; url = https://www.educba.com/" />
</head>
<body>
<p>EDUCBA- All about online certification courses</p>
</body>

Copier après la connexion

Output:

Balise méta en HTML

Conclusion

So, a Meta tag in Html is used to define metadata about HTML documents. The code included in it is a machine-readable format that works well with a webpage but doesn’t show any content on the page to the visitors. Meta tag containing 3 different types of attributes like global, element-specific, and event handler attributes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!