Encodages


UTF-8



UTF-8 appelé aussi "Unicode" est un encodage qui, quelque soit alphabet utilisé (latin, cyrillique, asiatique...) est compatible avec tous les OS. L'usage d'un "jeu de caractères" est communiqué aux navigateurs internet par l'ajout d'une balise "meta" placée dans la balise head.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Il peut être nécessaire de coder cette balise en PHP :
<? header('Content-Type: text/html; charset=utf-8'); ?>


à l'envers


L'utilisation conjointe de la balise <bdo> et de l'attribut "rtl" permet de placer la chaîne de caractères, "à l'envers"


<bdo dir="rtl">à l'envers</bdo>


La balise html associée à l'attribut "dir" <html dir="rtl"> indique que la page Web se lit de droite à gauche (langues arabe ou hébreu dont le sens de lecture est de droite à gauche).
l'attribut "ltr" indique une lecture de gauche à droite.


Caractères hébraïques Unicode



L'attribut lang="he" permet de préciser que la langue de la page sera l'hébreu ; l'association à dir="rtl" indique au navigateur qu'il doit procéder à une lecture de droite à gauche.

Caractères cyrilliques Unicode



Graphisme, HTML et caractères spéciaux


Ж
ЖЖ
ЖЖЖ
ЖЖЖЖ
ЖЖЖЖЖ
ЖЖЖЖЖЖ
ШШШШШШШШ
ШШШШШШШШ
ШШШШШШШШ

Ѳ oooo Ѳ
..

(°)




Ce personnage ainsi que celui de cette page ont été réalisés par l'emploi de simples caractères spéciaux. Cette technique n'est plus guère usitée aujourd'hui bien qu'elle ait été assez prisée à une époque où les ordinateurs n'avaient guère la possibilité d'afficher rapidement des images. Ceci peut être également prétexte à la mise en page d'une signature qui permet de personnaliser des envois de mails.

Code HTML


<p class="hombre">
&#1046;<br />
&#1046;&#1046;<br />
&#1046;&#1046;&#1046;<br />
&#1046;&#1046;&#1046;&#1046;<br />
&#1046;&#1046;&#1046;&#1046;&#1046;<br />
&#1046;&#1046;&#1046;&#1046;&#1046;&#1046;<br />
&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;<br />
&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;<br />
&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;&#1064;<br /><br />
<big>
<big>&#1138;</big>
</big>
<span style="visibility: hidden">oooo</span>
<big>
<big>&#1138;</big>
</big>
<br />
<big>
<big>
<big>..</big>
</big>
</big>
<br />
<br />
<big>
<big>
<big>(°)</big>
</big>
</big>
</p>
<br />
<br />


Code CSS de la classe "hombre"


.hombre
{
width: 12%;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 3%;
background-color: antiquewhite;
color: tan;
line-height: 0.8;
border: solid 0.2em #004464;
-webkit-border-radius:8em;
-moz-border-radius:8em;
border-radius:8em;
}

En savoir plus