FRANCAIS francophone2.gif ANGLAIS

 

 

Created the, 12/06/2019

 Updated the, 02/01/2020

Visiteurs N°  


Home
Back to Main Sites New Blog Novelty Search engine Your Shopping Cart For Shopping Your Member Area Bookmarks, Your Favorite Games Static Welcome Page Site in French Web Site in English
Summaries
Basic Electronics Fundamental Technology Test your Knowledge Digital Theoretical Electronics Digital Practical Electronics Digital Electronic Lexicon Data book TTL Data book CMOS TVC Troubleshooting Mathematical
Microcomputers
Theoretical of Microcomputers Test your Knowledge Practical Microcomputers Computer Glossaries
Physical
The light Field of Action Electromagnetic Radiation
Technologies
Classification of Resistances Identification of Resistances Classification of Capacitors Identification of Capacitors
Mathematical Forms
Geometry Physical 1. - Electronic 1. 2. - Electronic 1. 3. - Electrical 1. 4. - Electromagnetism
Access to all our Products
E. T. F. - Volume I - 257 Pages E. T. F. - Volume II - 451 Pages E. T. F. - Volume III - 611 Pages E. T. D. - Volume I - 610 Pages N. B. M. - Volume I - 201 Pages E. T. M. - Volume I - 554 Pages Business at Home Books 34 free pages Our E-books Geometry Software Electronic Components Software
Overview of all our Products
E. T. F. - Volume I - 257 Pages E. T. F. - Volume II - 451 Pages E. T. F. - Volume III - 611 Pages E. T. D. - Volume I - 610 Pages E. T. M. - Volume I - 554 Pages Geometry Software Electronic Components Software
Our Lessons in PDF Formats
Basic Electronics Fundamental Technology Digital Theoretical Electronics Digital Practical Electronics Theoretical of Microcomputers Mathematics
Data Processing
Troubleshooting Win98 and WinXP PC Troubleshooting Glossary HTML and Programs PHP and Programs JavaScript (in progress) Creation of several Sites
Forums
Electronic Forum and Infos Electronic Forum and Poetry
Miscellaneous and others
Form of the personal pages News XML Statistics CountUs JavaScript Editor Our Partners and Useful Links Partnership Manager Our MyCircle Partners Surveys 1st Guestbook 2nd Guestbook Site Directories




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 27 Décembre 2019

compteur visite blog gratuit


Mon audience Xiti



Send an email to Corporate Webmaster for any questions or comments about this Web Site.

Web Site Version : 11. 5. 12 - Web Site optimization 1280 x 1024 pixels - Faculty of Nanterre - Last modification : JANUARY 02, 2020.

This Web Site was Created on, 12 JUNE 2019 and has Remodeled, in JANUARY 2020.