 |
Typographie et mise en page pour le
Web :
des solutions existent.
Lorsque qu'on lit les ouvrages de Perrousseaux, dont la critique
- l'éloge - vous est proposée par ailleurs,
on a très envie d'appliquer ses bons conseils au sites
Web. Le néophyte se décourage par l'aridité
du HTML et le manque de maturité de certains logiciels
- comme Word ou Xpress en son temps. Il aura
du mal à trouver les commandes qui permettent pourtant
d'insérer la vraie ponctuation française,
accents sur les majuscules compris et autres espaces insécables
de bon ton.
Justification en pavé
Tout paragraphe (balise <P>) peut prendre
comme attribut, outre fer à droite (ALIGN="RIGHT")
ou au centre (ALIGN="CENTER")
que vous connaissez, JUSTIFY.
<P ALIGN="justify">
Ce texte sera justifié automatiquement mais il doit
être composé de mots courts pour que cela fonctionne
correctement. Il n'est jamais aussi bon qu'une justification
manuelle ou dirigée par un vrai logiciel de PAO.</P>
On peut
provoquer un retour à la ligne par la commande <BR>
pour éviter les mots isolés en fin de paragraphe.
Césure
Le navigateur repousse le texte à la ligne dès
qu'il rencontre le bord droit d'un tableau ou de la fenêtre.
Il le fait pour chaque mot séparé d'un tiret
ou d'un espace.
Contrairement à une idée répandue, on
peut interdire qu'une phrase ou qu'un mot composé soit
coupé arbitrairement.Spécifier <NOBR>
autour du texte qui ne doit pas être coupé. Un
code <WBR>
peut alors être inséré pour une césure
potentielle. Ce dernier tag ne fonctionne pas toujours.
On peut également insérer des espaces insécables
entre les mots en place des espaces normaux, leur code est
.
Ce n'est pas une balise, cela fait partie des caractères
spéciaux à taper tel quel.
Ponctuation
et symboles
Ils sont disponibles en les appelant par leur petit nom en
anglais. Il faut les précéder dans le code HTML
du symbole & (l'esperluette de Durand & fils)
et les suivre du point-virgule.
|
Ce que vous devez
insérer en code |
Commentaire et
Résultat |
| & |
Nom du
symbole |
; |
Commentaire |
Résultat
|
| & |
laquote |
; |
Guillemet
français ouvrant
(meilleur que les guillemets doubles "anglais") |
«
|
| & |
raquote |
; |
Guillemet
français fermant |
»
|
|
& |
middot |
; |
Point
au centre |
·
|
|
& |
copy |
; |
Copyright
|
©
|
|
& |
trade |
; |
Trademark |
™ |
|
& |
reg |
; |
Registred
|
®
|
|
& |
gt |
; |
Plus
grand que |
>
|
|
& |
lt |
; |
Plus
petit que |
<
|
|
& |
amp |
; |
Ampersand
ou esperluette |
&
|
|
& |
dollar
pound
yen
euro |
; |
Dollar
Les monnaies yen, livre sterling et euro fonctionnent
aussi.
Note : Euro peut poser problème
si vous n'avez pas installé des polices remises
à jour depuis sa création. |
$
£
¥
€ |
|
|
Capitales
accentuées
De même que pour les accents de tous les pays, les accents
sur les capitales sont disponibles en HTML.
Le principe est le même que pour les autres accents en
bas de casse, sauf que vous mettrez la lette en majuscule. Rappelons
que vous devez absolument coder les accents pour le Web de cette
manière. Sinon vous générerez un texte
incorrect qui sera illisible sous un serveur autre que PC (Mac
par exemple) ou depuis un pays non latin.
|
Ce
que vous devez insérer en code
|
Résultat
|
|
&
|
lettre
|
accentuation
|
;
|
Résultat
voulu et.
|
visible
|
|
& |
A
|
acute
|
; |
A accent aigu |
Á |
|
& |
U |
grave
|
; |
U accent grave |
ù |
|
& |
I
|
circ
|
; |
I accent circonflexe |
Î |
|
& |
O
|
uml
|
; |
O Tréma |
Ö |
|
& |
N |
tilde |
; |
N Tilde |
Ñ
|
|
& |
A |
ring |
; |
A
Ring (petit rond?) |
Å
|
Table des caractères accentués en HTML.
http://www.december.com/html/spec/latin1.html
Tout caractère ASCI peut être invoqué en
HTML, selon le principe suivant :
|
Début |
#
|
Nombre |
Fin |
Commentaire |
Résultat |
|
& |
# |
189 |
; |
1demi |
½ |
| & |
#
|
147
|
; |
Guillemet anglo-saxon ouvrant (double apostrophe inversée)
|
“ |
| & |
# |
150 |
; |
Vrai tiret |
– |
| &
|
#
|
134 |
; |
Croix |
† |
Equivalence ACSI HTML pour la table iso8859-1 et résultat
sur votre navigateur :
http://www.ramsch.org
/martin/uni/fmi-hp/iso8859-1.html
Enfin, pour être complet, les "oe" et ae" collés
ou - plus exactement - ligaturés.
Exposants
et indices
Utiles aux expressions mathématiques (mètres carrés)
mais aussi esthétiquement :
Balises SUP et SUB qui encadrent le
texte concerné.
25 m<SUP>2</SUP> |
25 m2 |
A<SUB>ij<SUB> |
Aij |
Stéphane ANQUETIL
- freelance2hire.com
voir mon profil
réagir
à cet article
|
|
