Chapitre 31 : HTML de Netscape et d'Internet Explorer
Chapitre 31 : HTML de Netscape et d'Internet Explorer
Ce chapitre décrit les éléments d'HTML non inclus dans la norme 3.2 mais utilisés par Netscape ou Internet Explorer.
Lorsque les balises ne sont reconnues que par l'un des éditeur,
l'icone 
indiquera une spécificité Netscape et l'icone 
indiquera une spécificité Internet Explorer.
Quand aucune des icone n'est présente, les deux navigateurs supportent la balise explicitée au moins dans leurs versions les plus récentes.
Les frames permettent de définir des fenêtres
dans une page HTML, chacune de ces fenêtres se comportant comme une
page HTML indépendante.
Ainsi on peut disposer d'un ascenseur pour chacune de ces zones, faire défiler des textes ou des images dans chacune d'entre elles.
Mais le mieux est de regarder un exemple en cliquant ici si vous possédez un lecteur Netscape 2 ou supérieur
Les frames mettent en jeu deux éléments :
La structure d'une page HTML sera :
<FRAMESET pour 2 fenêtres horizontales>
<FRAMESET pour 3 fenêtres verticales>
<FRAME> première fenêtre
<FRAME> deuxième fenêtre
<FRAME> troisième
fenêtre
</FRAMESET>
<FRAME définition de la deuxième
fenêtre horizontale>
</FRAMESET>
On ne parle plus de balise <BODY> </BODY> dans une
page fenêtrée mais d'un sur-ensemble appelé FRAMESET.
La syntaxe reste du même style : <FRAMESET></FRAMESET>
La balise FRAMESET comprend deux attributs:
ajoutés aux attributs de couleur définis dans la balise <BODY>.
Ceux-ci doivent cependant apparaître avant les attributs de FRAMESET,
sous peine d'être ignorés.
Les valeurs peuvent être des pixels (par exemple 40) , des pourcentages (par exemple 20%) ou des résultantes (par exemple *).
Il est bien entendu, que la valeur absolue en pixels est à éviter, à moins de vouloir mettre un bandeau d'images fixes par exemple.
La valeur de pourcentage se comprend bien: elle permet de diviser l'écran en plusieurs parties par exemple <FRAMESET ROWS="10%,70%,20%">
La valeur résultante permet de désigner le reste de la place disponible.
Cette valeur résultante vous permet de donner la valeur à déduire. Par exemple <FRAMESET ROWS="100,*,*"> divisera en trois : 100 pixels pour une fenêtre, et deux fenêtres de longueur identique.
On peut entrer la syntaxe <FRAMESET ROWS="*,2*"> pour diviser l'écran en deux parties; la première faisant 1/3 de l'écran et la deuxième les 2/3 restants.
La balise FRAME définit la fenêtre elle-même. Chacune des fenêtres peut avoir plusieurs attributs :
La balise <NOFRAMES> </NOFRAMES> permet de créer
une page HTML visible par ceux qui ne disposent pas d'un outil compatible
avec Netscape 2.03.
Si une page HTML H1 appelée dans une FRAME F1 doit appeler une page HTML H2 située dans une autre FRAME F2, il faut ajouter dans l'URL de H1 la balise TARGET avec le nom de la fenêtre correspondant à la FRAME F2.
Si vous appelez un fichier audio au format au à la place
d'un fichier html, Netscape chargera le fichier sonore automatiquement.
L'exemple précédent était mis en oeuvre par le code ressemblant au code suivant (mais qui peut en varier) :
<!doctype html public "-//IETF//DTD HTML//EN"> <HTML> <HEAD> <TITLE>Un nouveau guide d'Internet - éléments d'HTML pour Netscape 2.03</TITLE> <META NAME="AUTEUR" CONTENT="Gilles Maire"> </HEAD> <FRAMESET ROWS="85%,15%"> <NOFRAME> Cette page de démonstration ne peut être lue qu'avec un logiciel compatible Netscape 2.03. </NOFRAME> <FRAMESET COLS="40%,60%"> <FRAME SRC="france.htm"> <FRAME SRC="manuel.htm"> </FRAMESET> <FRAME SRC="index.htm#URL"> </FRAMESET> </HTM>
Des appels récursifs peuvent être faits sur les fenêtres, divisant les pages (presque) à l'infini.
Orner une page Web de frames n'est pas toujours agréable à
l'oeil, sachant que l'écran s'en trouve divisé, limitant
de ce fait de façon agressive la partie principale de la page.
Il est possible ne ne plus diviser l'écran de façon physique mais uniquement de façon logique en supprimant les traits de séparation des Frames.
L'attribut FRAMEBORDER=[YES|NO] peut être mis dans les balise FRAMESET et FRAME. La valeur par défaut est YES c'est à dire que, sans option, les frames seront visibles et leur taille modifiable.
Dans une balise FRAMESET, l'attribut FRAMEBORDER=NO supprime les bordures de FRAME pilotées par FRAMESET.
Dans la balise FRAME, il active ou inhibe la présence du bord pour la FRAME correspondante.
L'attribut BORDERCOLOR permet de donner la couleur du bord de FRAME, il peut être utilisé dans les balises FRAME ou FRAMESET. La valeur de cet argument est donné sous la forme d'un couleur : green, blue, red etc.
L'attribut BORDER permet de régler l'épaisseur du trait de séparation seulement pour les attributs FRAMESET. La valeur de cet argument est en pixel. Comme les bords des frames sont partagés, les conflits sont résolus de façon priorotaire sachant que les attributs de la balise FRAMESET ont la priorité la plus basse. Donc les attributs de la balise FRAME prendront le pas sur les balises FRAMESET.
La balise IMG peut comprendre un ordre USEMAP qui est décrit par la syntaxe suivante:
<IMG SRC="image" USEMAP="#nom">
Cette instruction doit suivre le couple de balise définissant les zones sensibles :
<MAP NAME="essai"> <AREA SHAPE="RECT|POLY|CIRCLE" COORDS="..." HREF ="URL"> <AREA SHAPE="RECT|POLY|CIRCLE" COORDS="..." HREF ="URL"> .... </MAP>
Ces commandes sont calquées sur ISMAP que nous retrouverons dans le chapitre HTML 3.2
Vous savez que vous pouvez, lorsque vous lisez un document sous Netscape,
ouvrir une deuxième fenêtre Netscape, afin de visualiser une
deuxième page HTML.
Il est possible d'écrire un ordre qui provoquera par programme, l'ouverture d'une fenêtre .
Ceci se fait par la syntaxe :
<A HREF="URL" TARGET="Nom de la fenêtre"> Message </A>
Cliquez ici pour aller sur la table des matières simplifiées du guide. La variable Nom sert à référencer les différentes fenêtres, et elle peut être initialisée de différentes façons, par une directive NAME=valeur:
Ainsi dans un document multi-fenêtres, vous pouvez faire en sorte
d'appeler un document dans une autre fenêtre depuis une fenêtre
de contrôle.
L'appel à une fenêtre se fait par la variable TARGET :
<AREA SHAPE="shape COORDS="x,y,..." HREF="url" TARGET="window_name">
Ainsi chacune de ces balises appellera la fenêtre définie
par la directive NAME.
La balise TARGET doit être définie par une chaine de caractères commençant par une lettre de l'alphabet.
Enfin les champs particuliers peuvent être attribués à TARGET, ils commencent par le caractère _:
La balise BGSOUND permet de créer des pages avec un fond sonore. Ce fond est un fichier qui peut être au format :
La syntaxe est la suivante :
<BGSOUND SRC="fichier_son" LOOP=nombre|INFINITE>
Des séquences vidéo peuvent être insérées
dans les pages HTML au moyen de la balise IMG
Le fichier vidéo doit être au format AVI et un argument
CONTROLS permet d'ajouter la barre de contrôle du
mode vidéo. Comme pour l'inclusion de son, l'argument LOOP
peut être utilisé pour répéter la séquence
vidéo à l'infini ou pendant une période déterminée.
Enfin au cas où le mode vidéo ne serait pas reconnu
par le lecteur, on peut utiliser l'argument SRC=source,
où source est un fichier au format GIF ou JPEG.
Les arguments START=FILEOPEN|MOUSEOVER indiquent
que la séquence vidéo commencera soit à l'ouverture
du fichier, soit lorsque la souris passe sur le clip.
Avec Internet Explorer, les fonds de pages peuvent être fixes, permettant
de faire défiler le texte sur celui-ci. Ces propriétés
de la balise BODY se déclarent en ajoutant à
la balise BODY contenant l'argument BACKGROUND
un deuxième argument :
Les valeurs LEFTMARGIN=valeur1 et RIGTHMARGIN=valeur2
permettent de donner en pixels les valeurs des marges gauche et droite.
La grande nouveauté du navigateur de Microsoft est d'avoir introduit
les possibilités de choix des polices de caractères; ceci
se fait, d'ailleurs, en dehors de la norme HTML3.2. Nestcape supporte
cette option depuis sa version 3.0.
La sélection des polices de caractères se fait par
ajout de l'argument FACE=nom_de_police à la balise
FONT
Il est possible de donner plusieurs noms de polices séparés
par des virgules pour indiquer plusieurs polices par ordre de préférence
au cas où les premières d'entre elles ne seraient pas disponibles.
Exemple : Cette portion
du texte est en Arial ou en Lucida Sans, en fonction des polices de caractères
installées sur votre système. Ceci s'est fait en balisant
le texte en cours d'un couple de balises :
<FONT FACE="Arial,Lucida Sans">
...
Les marquees permettent d'animer du texte avec la balise suivante :
<MARQUEE BGCOLOR=#FF0000 DIRECTION=RIGHT ALIGN=BOTTOM
BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>
< FONT COLOR="WHITE">Ceci est un texte.
Les arguments suivants peuvent être
utilisés :
Les balises <TABLE>...</TABLE> comprennent désormais
les arguments suivants :
Au cours des formations que je dispense, les stagiaires issus du domaine
des arts graphiques me demandent souvent comment traiter le multi-colonnage
dans les documents HTML.
Je répondais jusqu'à présent que la seule
solution était d'utiliser des tableaux avec une taille de bord nulle,
mais la lourdeur de mise en place des tableaux et les limitations inhérentes
au véritable multicolonnage laissaient mes auditeurs sur leur faim.
Il est désormais possible à partir de la version
3.05 de Nestcape, de faire cela avec des balises dédiées,
qui permettent justement de lever ces limitations. Signalons en outre par
rapport à l'utilisation des tables, que pour les lecteurs non compatibles,
la balise MULTICOL non comprise, est moins pénalisante
qu'une balise TABLE non interprétée.
Regardons en détail comment tout cela est possible en utilisant
au passage ces fonctionnalités : La balise MULTICOL peut
être utilisée avec les arguments COLS, GUTTER
et WIDTH.
MULTICOL doit être utilisé pour délimiter
le texte qui sera mis en plusieurs colonnes. La fin du mode multicolonne
sera signalé par la balise </MULTICOL>.
Ainsi le texte mis entre les balises <MULTICOL ...>
et </MULTICOL> sera automatiquement formaté
comme spécifié. Bien sûr ces balises peuvent être
emboîtées pour permettre des divisions en plusieurs colonnes
à l'intérieur d'une colonne.
Le contrôle de l'espacement horizontal et vertical entre caractères
est maintenant possible. Cet espacement se règle par la balise SPACER
qui comprend les attributs TYPE, SIZE, WIDTH, HEIGHT
et ALIGN. Les arguments ont les propriétés
suivantes :
Dans les formulaires, la balise TEXTAREA décrite dans le
chapitre sur le langage HTML 3.2 connaît
une amélioration intéressante par ajoût d'un nouvel
attribut WRAP.
La syntaxe est :
Chacune des valeurs a la signification suivante :
Exemple d'utilisation avec l'attribut VIRTUAL :
La vidéo
<IMG SRC="gif/guitare.jpg" DYNSRC="gif/guitare.avi"
LOOP=INFINITE>
31.5 - Propriétés de la balise BODY
Fonds d'écran fixes
BGPROPERTIES=FIXED
Les marges
31.6 - Les polices de caractères
</FONT>
31.7 - Les Marquees
</FONT>
</MARQUEE>
31.8 - Les arguments de tableaux
31.9 - La justification
31.10 - Contrôle d'espacement
31.11 - Extention TEXTAREA
<TEXTAREA WRAP=[OFF|VIRTUAL|PHYSICAL] ... >
