Le reste (si, si, y'en a encore)

Les restes, mais pas la fin
Dans cette page nous allons voir le reste des marqueurs HTML, ceci ne signifie pas qu'il n'y a plus rien d'autre à apprendre, les pages suivantes sont consacrées aux finesses, que n'étant maintenant plus un débutant vous saurez apprécier à leur juste valeur.
Comme dans "la folie des grandeurs" et tel le laquais d'un (petit) grand d'espagne, je flatte... (...et j'ose le dire).

Présentation et encolonnage
Déjà vu mais pas vraiment expliqué, tout ce qui est compris entre les marqueurs <PRE> et </PRE> ne sera pas remis en page par le navigateur, ceci affecte les espaces et les sauts de lignes, cela implique que l'on peut dépasser le bord de droite d'une page (une barre de défilement horizontal apparaîtra alors automatiquement dans le navigateur), ce qui permet de ne pas couper une ligne horizontale importante (comme un exemple), il n'y a pas non plus besoin de passer à la ligne avec les marqueurs <BR> ou <P>. Toutefois si l'on désire encolonner proprement du texte, il faudra encore utiliser <TT> et </TT> pour obtenir une fonte de taille fixe. A noter que l'on peut insérer un ou plusieurs espaces "non séparables", sans avoir à utiliser le marqueur <PRE>, avec le symbole "&nbsp;" (comme j'ai promis de ne pas être pédant, je n'ai pas employé le terme "insécable", et puis de toutes façons, je n'ai pas d'actions dans la vente de dictionnaires).

Source de citation
<CITE> et </CITE> source de citation, à utiliser conjointement avec un des deux marqueurs Q ou BLOCQUOTE ci-dessous.

Citation courte ou décalage de texte
<Q> et </Q> citation courte, en option LANG="xx", la langue utilisée dans la citation (peut servir aussi à décaler du texte).

Citation longue ou décalage de texte
<BLOCKQUOTE> et </BLOCKQUOTE> citation longue, en option CITE="xxx", un lien sur l'origine de la citation (peut servir aussi à décaler du texte).

Exemple
<SAMP> et </SAMP> délimite un exemple ou un échantillon, est rendu différement selon les navigateurs.

Clavier
<KBD> et </KBD> délimite un texte à taper au clavier pour le différencier des explications qui pourraient y être mêlées (ce qui est le cas un peu partout dans ce guide).

Programme
<CODE> et </CODE> délimite un programme (ne pas confondre avec un script java ou autre).

Variable de programme
<VAR> et </VAR> délimite une variable de programme.

Image flottante
Les images flottantes (ne pas confondre avec le dessert), jusqu'à présent, sauf si vous avez eu un coup de pot et si vous n'avez pas utilisé les tables, vous ne devriez pas être arrivé à mettre plusieurs lignes de texte à coté d'une image. Image de démo Pourtant en principe c'est très facile, il suffit pour ça d'utiliser deux fois l'option ALIGN dans le marqueur <IMG>, la première option doit être ALIGN="TOP" pour que le texte parte bien du haut de l'image, et la seconde ALIGN="LEFT" pour que l'image soit à gauche, comme dans cet exemple (ou right pour la placer à droite). En toute honnêteté j'aurais dû parler de ce cas particulier bien avant les tables, ça aurait facilité vos pages de débutants, mais ça aurait tout aussi bien pu vous décourager d'apprendre à les utiliser, et ça, ça aurait été vraiment dommage, d'autant plus que l'on ne peut pas p lacer l'image au centre de l'écran avec cette méthode. NB: Je tire aussi un peu à la ligne pour que l'on voie bien le texte déborder dessous l'image avec des très grandes résolutions d'écran (style 1500x1280). NB3: Elles sont encore considérées comme grandes en 2000, mais l'année prochaine ou dans quelques années, avec l'évolution constante du matériel, ce sera peut-être un minimum.

Après contrôle sur différents navigateurs, j'ai pu constater que Net$crade n'aime pas ça du tout, il vaut donc mieux éviter cette méthode (du moins tant que cette croûte existera et sera utilisée par un grand nombre de personnes).


Informations pour moteurs de recherche
<META> doit se trouver entre <HEAD>et </HEAD>, ces marqueurs permetent de "documenter" un document HTML avec une description, des mots clefs, un champ "auteur", un copyright, le langage utilisé, une date d'expiration, etc, etc, etc... Tout ceci est invisible dans la page mais peut être lu par un programme et notamment par les moteurs de recherche, yahoo, altavista, et autres. Certains navigateurs ont un menu "info" qui affiche ces renseignements.

A noter que certains de ces "moteurs de recherche" sont tellement "lourds" (ou ne se laissent pas abuser par des promesses) qu'ils ne se préoccupent guère de ces marqueurs mais vont regarder le contenu de chaque page. Ainsi un mot sans aucun rapport avec le site mais répété 250 fois sera vu comme 250 liens sur vos pages avec un fort taux de probabilité, ou alors, ils ne se préocuppent que des noms de fichiers images, ce qui m'a valu d'ailleurs la visite d'une personne venue à la recherche d'un véhicule de type "funcruiser" alors que ce mot n'existe dans aucune de mes pages.

Si vous êtes un "emmerdeur", vous pouvez donc aussi remplir le bas d'une page avec le mot "merde" (par exemple) ou utiliser des noms de fichier "merdiques" pour attirer facilement tous les scatophiles scrofuleux fréquentant ce genre de "moteur de recherche".

Voici par exemple ce que contient ma page d'accueil:

<META NAME="description" CONTENT="Guide pratique et progressif du langage HTML pour la création de pages WEB.">
<META NAME="keywords" LANG="fr" CONTENT="guide, langage, html, editeur, creation, pages, web">
<META NAME="author" LANG="fr" CONTENT="guidehtml@geneva-link.ch (Richard R. BAUD)">
<META NAME="copyright" CONTENT="© 1998-2002 Richard R. BAUD">

La description peut-être assez longue (genre 128 caractères), les mots-clefs (keywords) encore plus (256 sauf erreur), le champ "author" vous permet de recevoir beaucoup de pub non sollicitée, quand au copyright il ne vous met pas à l'abri du vol ou du plagiat.

Autre option META utile uniquement en cas de changement d'adresse ou pour enquiquiner les gens:

<META HTTP-EQUIV="REFRESH" CONTENT="n; URL=adresse">

Où "n" est le nombre de secondes de délai avant de sauter à l'adresse "adresse", si l'on met 0 ou 1 pour n et le nom de la page courante pour l'adresse, on obtient ainsi un blocage de la page, mais heureusement, ce bloquage peut être déjoué par un double click suffisament rapide sur le bouton arrière de votre navigateur. Quand aux petits malins qui ouvrent une nouvelle page ET la bloquent, sachez pour les contrer qu'il suffit de fermer la fenêtre pour retourner au document précédent.


Liens entre pages
<LINK> doit se trouver entre <HEAD>et </HEAD>, outre l'aspect "collector" de cette fonction, l'intérêt le plus évident consiste à imprimer toutes les pages ayant une relation choisie entre elles d'un seul coup. NB: Pour le moment (début 2001), seul msie5 semble utiliser cette possibilité.

Les diverses options utiles de link sont:

<LINK href="xxx.html"> Lien suivant
<LINK rel="Next" href="yyy.html"> Page précédente.
<LINK rel="Prev" href="zzz.html"> Page suivante.
<LINK rel="Index" href="aa.html"> Index

Le guide du langage HTML est prêt depuis longtemps, mais je n'ai pas encore testé cette nouvelle possibilité.

Et puisque l'on parle d'imprimer des pages et que ceci devient de plus en plus difficile à cause des frames, de chaque nouvelle technologie ajoutée, et de chaque révision des navigateurs, il faut savoir que pour imprimer correctement le guide dont les marqueurs disparaissent au moment de l'impression depuis msie/netscape 4, il suffit pour le moment de désactiver le java/javascript avant de lancer cette opération.


Le reste du reste
Le reste, si je trouve encore quelque chose qui vaille la peine d'être mentionné ou que quelqu'un me le signale...

La célébrité vous attends
C'est le moment de documenter vos pages web pour les moteurs de recherche, et ne trichez pas espèces de petit canailloux, mieux vaut peu de visites interessées, qu'une marée de gens qui ne lisent même pas la première page...

Ne croyez pas que de remplir les champs META sera suffisant pour être propulsé en première position des recherches (sauf si votre site parle de la "myxomatose transgénique chez les tricuripiscidés inférieurs"), inscrivez-vous aussi manuellement sur les meilleurs portails.


RetourInfo Suite

Dernière mise à jour de cette page: 29/12/2001, visiteurs: depuis le 6 avril 2002