ARCHIVÉ - Solutions de rechange pour les éléments et les attributs dépréciés

Avertissement Cette information est archivée parce qu'elle est désuete et n'est plus pertinente.

Contenu archivé

Information archivée dans le Web à des fins de consultation, de recherche ou de tenue de documents. Cette dernière n’a aucunement été modifiée ni mise à jour depuis sa date de mise en archive. Les pages archivées dans le Web ne sont pas assujetties aux normes qui s’appliquent aux sites Web du gouvernement du Canada. Conformément à la Politique de communication du gouvernement du Canada, vous pouvez obtenir cette information dans un autre format en communiquant avec nous.

Table des matières

1.0 Introduction

L'élimination des éléments et attributs qui ne sont plus supportés est importante, car cela permet de créer des pages Web plus accessibles et de respecter les exigences des normes sur la Normalisation des sites Internet (NSI).

2.0 Éléments dépréciés

Élément Solution
applet Utilisez <object> au lieu de <applet> .
basefont Utilisez plutôt le CSS.
p. ex. body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
center Utilisez plutôt le CSS. Consultez le Comment aligner du texte, des images et des contrôles de formulaires pour savoir comment aligner le contenu.
dir Utilisez plutôt l'élément <ul>.
font Utilisez plutôt le CSS.
p. ex., .textStyle{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: italic; font-weight: bold;}
isindex Utilisez plutôt l'élément <input />.
menu Utilisez plutôt l'élément <ul>.
s Utilisez plutôt la propriété « CSS text-decoration ».
p. ex., .strikeStyle{text-decoration: line-through;}
strike Utilisez plutôt la propriété « CSS text-decoration ».
p. ex., .strikeStyle{text-decoration: line-through;}
u Il faut éviter l'élément <u> , car le client peut être induit en erreur par un texte souligné qui n'est pas un lien. Si vous devez quand même souligner un texte, utilisez plutôt la propriété « CSS text-decoration ».
p. ex., .underlineStyle{text-decoration : underline;}

3.0 Attributs dépréciés

Attribut Attribut(s) interdit(s) pour les éléments suivants Solution
align applet (déprécié), caption, div, h1, h2, h3, h4, h5, h6, hr, iframe, img, input, legend, object, p, table Utilisez le CSS pour aligner le contenu. Consultez le Comment aligner du texte, des images et des contrôles de formulaires pour savoir comment aligner le contenu
alink body Utilisez la propriété « CSS a:active » pour préciser la couleur des liens actives.
p. ex., a:active{color: #000000;}
alt
applet (déprécié) Utilisez plutôt l'élément <object>.
archive
applet (déprécié) Utilisez plutôt l'élément <object>.
background
body Utilisez la propriété « CSS background-color » pour préciser la couleur d'arrière-plan de l'élément <body> .
p. ex., body{background-color: #FFFFFF;}
bgcolor
body, table, td, th, tr Utilisez la propriété « CSS background-color » pour préciser la couleur d'arrière-plan d'un conteneur.
p. ex.,  .greyBG{background-color: #CCCCCC;}
border
img, object Utilisez le CSS pour préciser la bordure.
p. ex., .borderStyle{border: 3px solid #000000;}
clear br Utilisez plutôt la propriété « CSS » clear.
p. ex., .clearStyle{clear: left;}
code applet (déprécié) Utilisez plutôt l'élément <object>.
codebase applet (déprécié) Utilisez plutôt l'élément <object>.
color basefont (déprécié), font (déprécié) Utilisez plutôt le CSS pour préciser le couleur.
p. ex., .red{color: #CC0000;}
compact dir (déprécié), dl, menu (déprécié), ol, ul Utilisez le CSS pour contrôler les marges des listes.
p. ex., .ulMargin{margin-left: 5px;}
face basefont (déprécié), font (déprécié) Utilisez plutôt le CSS pour préciser la police de caractères.
p. ex., .textStyle{font-family: Verdana, Arial, Helvetica, sans-serif;}
height td, th Utilisez plutôt la propriété « CSS height ».
p. ex., .tdHeight{height: 25px;}
hspace img, object Utilisez plutôt le CSS.
p. ex., .hspaceStyle{padding-right: 3px; padding-left: 3px;}
language script Utilisez plutôt l'attribut « type ».
p. ex., <script type="text/javascript" src=""></script>
link body Utilisez la propriété CSS « a:link » pour préciser la couleur des liens non-visités.
p. ex., a:link{color: #0000FF;}
name applet (déprécié) Utilisez plutôt l'élément <object>.
noshade hr Utilisez plutôt le CSS.
p. ex., .hrStyle{border-style: solid;}
nowrap td, th Utilisez plutôt la propriété « CSS white-space ».
p. ex., .noWrap{white-space: nowrap;}
object applet (déprécié) Utilisez plutôt l'élément <object>.
prompt isindex (déprécié) Utilisez plutôt l'élément <input />.
size h, basefont (déprécié), font (déprécié) Utilisez plutôt la propriété « CSS height ».
p. ex., .hrSize{height: 5px; }
start ol Il est inutile de préciser le numéro de départ étant donné qu'une liste ordonnée ne devrait pas être divisée.
text body Utilisez la propriété CSS « color » pour préciser la couleur du texte pour l'élément <body .
p. ex., body{color: #000000;}
type li, ol, ul Utilisez plutôt la propriété « CSS list-style-type ».
p. ex., .listStyle{list-style-type : disc;}
value li Il est inutile de préciser le numéro de départ étant donné qu'une liste ordonnée ne devrait pas être divisée.
version html Utilisez plutôt la déclaration DOCTYPE.
vlink body Utilisez la propriété « CSS a:visited » pour préciser la couleur des liens visités.
p. ex., a:visited{color: #000099;}
vspace img, object Utilisez plutôt le CSS.
p. ex., .vspaceStyle{padding-top: 3px; padding-bottom: 3px;}
width hr, td, th, applet (déprécié), pre Utilisez plutôt la propriété « CSS width ».
p. ex., .widthStyle{width: 20%; }