1. Introduction
2. Langage HTML

2.1. Un premier document

2.2. Présentation

2.3. Structure générale

2.4. Les métas

2.5. Principaux Eléments

2.6. Liens Hypertextes

2.7. Images

2.8. Tableaux

2.9. Formulaires

2.10. Cadres

2.11. Valeurs des attributs

2.12. Caractères spéciaux

2.13. Recommandations

3. Feuilles de style
4. Scripts et évènements
5. Références
6. Travail Pratique






Langage HTML / Les Métas

  • Rappel : les méta-tags se placent entre les balises de l'élément head.
  • En règle générale, les méta-tags sont utilisés dans la page d'entrée d'un site et ne sont pas utilisés dans les autres pages. Il en existe un grand nombre; les suivants sont les plus courants.

Description du document

<meta name="description" content="Le dormeur du val, un poeme de Arthur Rimbaud">

Mots clés

<meta name="keywords" content="poeme, le dormeur du val, rimbaud">

revisit-after

  • requis par quelques robots et moteurs de recherche
  • permet de spécifier la fréquence des visites

<meta name="revisit-after" content="15days">

robots

  • permet de donner quelques instructions aux robots et moteurs de recherche, dans la manière d'indexer le document
  • all : indexer tous les documents et suivre les liens
  • none : ne pas indexer, ne pas suivre les liens
  • index : indexer le document
  • noindex : ne pas indexer le document
  • follow : suivre les liens
  • nofollow : ne pas suivre les liens

<meta name="robots" content="index, follow, all">

Préciser le propriétaire du document

<meta name="owner" content="Frédéric Quin">

Copyright

<meta name="copyright" content="2003, Frederic Quin all right reserved">

reply-to

<meta name="reply-to" content"fquin@free.fr">

Préciser la langue du document

<meta http-equiv="content-language" content="fr">

Redirection automatique et rafraîchissement

  • nombre de secondes avant expiration; url

<meta http-equiv="refresh" content="5; ./index.html">

Contrôle du cache des navigateurs

<meta http-equiv="pragma" content="no-cache">