Créée le, 19/06/2015

 Mise à jour le, 29/06/2020

Visiteurs N°  




Accueil
Site en Français Site en Anglais Nos Promotions Nouveau Blog Nouveautés Moteur de Recherche Votre Caddie Pour Vos Achats Votre Espace Membre Vos Signets et Vos Jeux Préférés Page de Bienvenue Statique
Sommaires
Électronique Fondamentale Technologie Fondamentale Testez vos Connaissances Électronique Théorique Digitale Électronique Pratique Digitale Lexique Électronique Numérique Data book TTL Data book CMOS Dépannage TVC Mathématique
Micro-ordinateurs
Théorique des Micro-ordinateurs Testez vos Connaissances Pratique des Micro-ordinateurs Glossaires sur les Ordinateurs
Physique
La lumière Champ d'action Rayonnement Électromagnétique
Technologies
Classification des Résistances Identification des Résistances Classification des Condensateurs Identification des Condensateurs
Formulaires Mathématiques
Géométrie Physique 1. - Électronique 1. 2. - Électronique 1. 3. - Électrotechnique 1. 4. - Électromagnétisme
Accès à tous nos Produits
E. T. F. - Tome I - 257 Pages E. T. F. - Tome II - 451 Pages E. T. F. - Tome III - 611 Pages E. T. D. - Tome I - 610 Pages N. B. M. - Tome I - 201 Pages E. T. M. - Tome I - 554 Pages Business à Domicile Ouvrages 34 pages gratuits Nos E-books Logiciel Géométrie Logiciel Composants Électroniques
Aperçu de tous nos Produits
E. T. F. - Tome I - 257 Pages E. T. F. - Tome II - 451 Pages E. T. F. - Tome III - 611 Pages E. T. D. - Tome I - 610 Pages E. T. M. - Tome I - 554 Pages Logiciel Géométrie Logiciel Composants Électroniques
Nos Leçons aux Formats PDF
Électronique Fondamentale Technologie Fondamentale Électronique Théorique Digitale Électronique Pratique Digitale Théorique des Micro-ordinateurs Mathématiques
Informatique
Dépannage Win98 et WinXP et autres Dépannage PC Glossaire HTML et Programmes PHP et Programmes JavaScript (en cours de travaux) Création de plusieurs Sites
Forums
Forum Électronique et Infos Forum Électronique et Poésie
Divers et autres
Formulaire des pages perso News XML Statistiques CountUs Éditeur JavaScript Nos Partenaires et nos Liens Utiles Gestionnaire de Partenariat Nos Partenaires MyCircle Sondages 1er Livre d'Or 2ème livre d'Or Annuaires Sites

Signets :
  Leçons suivantes        Leçons précédentes     Bas de page
  Cliquez ici pour la leçon suivante ou dans le sommaire prévu à cet effet


Les Méta-Informations HTML :


Les Méta-Informations HTML :


La balise que nous allons étudier n'a d'autre but que de fournir des informations sur le document HTML. Ces informations ne sont pas visibles à l'écran et par conséquent ne sont pas destinées aux Internautes. Ce sont des informations sur le contenu de la page, prévues pour être processées par des programmes d'analyse automatique des documents. Par exemple, les robots analysent le réseau Internet et tentent d'indexer les pages Web afin de créer des répertoires. On utilise ensuite des moteurs de recherche qui, à partir d'un mot clé, proposent l'URL de tous les documents contenant ce mot clé. On conçoit aisément qu'une indexation automatique de tous les mots d'un document conduit à deux difficultés : le volume d'informations à stocker est très important et la pertinence des résultats de recherche n'est pas optimale.

<META> :

Cette balise se place dans le document ou page HTML, dans la zone d'en-tête situé entre les balises <HEAD> et </HEAD>. Si le robot d'indexation trouve des informations suffisantes dans les balises méta, il n'indexera pas tous les mots du document. Les mots clés ne seront que ceux qui auront été indiqués par l'auteur de la page.

Dans le cas général, le couple d'attributs NAME et CONTENT va permettre d'associer une valeur à un mot-clé.

<META NAME="mot_clef" CONTENT="valeur_attribuee_au_mot_clef">

L'attribut NAME sera remplacé par HTTP-EQUIV si la méta-information requiert une réponse du serveur.

<META HTTP-EQUIV="mot_clef" CONTENT="valeur_attribuee_au_mot_clef">

L'attribut NAME :

Il permet de spécifier un mot-clé indiquant quelle information donne la balise, on trouve parmi ces mots-clés :

  • AUTHOR, qui permet d'indiquer l'auteur ou les auteurs du document.

  • KEYWORDS, qui permet de donner des mots-clés sur le contenu du document.

  • DESCRIPTION, qui permet de donner une courte description de la page ou du site.

L'attribut CONTENT :

Il permet d'associer une valeur au mot-clé.

Exemples d'utilisation :

<meta name="author" content="Jean-Pierre">

<meta name="keywords" content="Condensateurs, résistances, transistors>

<meta name="description" content="Leçons Electroniques Fondamentales, Leçons Electroniques Digitales>

L'attribut HTTP-EQUIV :

Il s'emploie à la place de l'attribut NAME. Il indique au serveur qu'il doit inclure dans la zone d'en-tête de sa réponse les informations qu'il trouve dans les balises méta. Ainsi, si l'on a codé une balise de la façon suivante :

<META HTTP-EQUIV="Expires" CONTENT="Mardi, 24 Juin 2016 23:10:30">

Le serveur répondra ainsi à l'en-tête du document demandé :

Expires: Mardi, 24 Juin 2016 23:10:30.

Le client-pull :

A l'aide de la balise <META> et de l'attribut HTTP-EQUIV, auquel on associe le mot-clé REFRESH, on peut décrire deux utilisations possibles de client-pull.

Premier cas : On se propose de réactualiser, à intervalle régulier, le contenu d'une page. Cela peut être utile lorsque l'on a une caméra de télésurveillance qui diffuse une image sur le Web.

Dans l'exemple suivant, le browser charge la page puis, conformément à ce qu'il trouve dans la balise <META>, il redemande la page toutes les 5 secondes dans le cas de notre exemple.

Voici le code HTML de la première page intitulée "Apercu_1_Camera_Meta_Refresh.html"

Inutile de vous dire que vous pouvez changer le titre de la page ou son URL.

<HTML>

           <HEAD>

               <TITLE> T&eacute;l&eacute;surveillance </TITLE>

           <META http-equiv="refresh" content="5; URL=Apercu_2_Camera_Meta_Refresh.html">

           </HEAD>

                <BODY>

                <CENTER> <BR> <BR> <BR>

                <H2> Regardez bien l'image, la page se r&eacute;actualise toutes les 5 secondes ! </H2> <BR> <BR> <BR> <BR>

                <img src="images/Camera.jpg"> <BR> <BR> <BR>

                <H2> <a href="Sommaire_HTML_Programmes.php"> Retour au sommaire PHP</a> </H2>

                </CENTER>

                </BODY>

</HTML>

Pour visualiser l'aperçu, en cliquant ici. [Exemple 1].

Voici le code HTML de la deuxième page intitulée "Apercu_2_Camera_Meta_Refresh.html"

<HTML>

           <HEAD>

               <TITLE> T&eacute;l&eacute;surveillance </TITLE>

           <META http-equiv="refresh" content="5; URL=Apercu_1_Camera_Meta_Refresh.html">

           </HEAD>

                <BODY>

                <CENTER> <BR> <BR> <BR>

                <H2> Regardez bien l'image, la page se r&eacute;actualise toutes les 5 secondes ! </H2> <BR> <BR> <BR> <BR>

                <img src="images/Camera_2.jpg"> <BR> <BR> <BR>

                <H2> <a href="Sommaire_HTML_Programmes.php"> Retour au sommaire PHP</a> </H2>

                </CENTER>

                </BODY>

</HTML>

On est en droit de se demander comment l'image de la Camera.jpg. est mise à jour. On peut imaginer un dispositif selon lequel l'image d'une caméra est acquise par un micro-ordinateur équipé d'une carte d'acquisition vidéo ; cette image est traitée pour être enregistrée au format GIF ou JPEG puis être transférée sur le serveur.

Second cas : Au bout d'une durée déterminée, on veut changer automatiquement le document affiché. Cela sert, par exemple, si l'on change l'adresse d'une page ; sur l'ancienne adresse, on donne l'information concernant ce changement ; au bout de quelques secondes, on affiche la nouvelle page :

Voici le code HTML de la première page intitulée "Apercu_3_Nouvelle_Page_Meta_Refresh.html"

<HTML>

           <HEAD>

               <TITLE> Ancienne Adresse URL </TITLE>

               <!-- Au bout de 10 secondes on ira rechercher automatiquement la nouvelle page -->

           <META http-equiv="refresh" content="5; URL=Apercu_4_Nouvelle_Page_Meta_Refresh.html">

           </HEAD>

                <BODY>

                <CENTER> <BR> <BR> <BR>

                <H2> La page se r&eacute;actualise toutes les 5 secondes pour aller rechercher la nouvelle Adresse URL ! </H2> <BR> <BR> <BR> <BR>

                <img src="images/Un.gif"> <BR> <BR> <BR>

                <H2> <a href="Sommaire_HTML_Programmes.php"> Retour au sommaire PHP</a> </H2>

                </CENTER>

                </BODY>

</HTML>

Pour visualiser l'aperçu, en cliquant ici. [Exemple 2].

Voici le code HTML de la deuxième page intitulée "Apercu_4_Nouvelle_Page_Meta_Refresh.html"

<HTML>

           <HEAD>

               <TITLE> Nouvelle Adresse URL </TITLE>

               <!-- Au bout de 10 secondes, on ira rechercher automatiquement le sommaire PHP -->

           <META http-equiv="refresh" content="5; URL=Sommaire_HTML_Programmes.php">

           </HEAD>

                <BODY>

                <CENTER> <BR> <BR> <BR>

                <H2> La page se r&eacute;actualise toutes les 5 secondes pour aller vers le sommaire HTML, attendez SVP ! </H2> <BR> <BR> <BR> <BR>

                <img src="images/Deux.gif"> <BR> <BR> <BR>

                <H2> <a href="Sommaire_HTML_Programmes.html"> Retour au sommaire HTML</a> </H2>

                </CENTER>

                </BODY>

</HTML>

Voici le même aperçu de la deuxième page, en cliquant ici. [Exemple 3].

Fin de cette quatorzième leçon, la prochaine sera consacrée à la programmation concernant le langage HTML.










Nombre de pages vues, à partir de cette date : le 23 MAI 2019

compteur de visite

    




Envoyez un courrier électronique à Administrateur Web Société pour toute question ou remarque concernant ce site Web. 

Version du site : 10. 5. 14 - Site optimisation 1280 x 1024 pixels - Faculté de Nanterre - Dernière modification : 29 JUIN 2020.   

Ce site Web a été Créé le, 14 Mars 1999 et ayant Rénové, en JUIN 2020.