par
sirakawa » 23 juil. 2011, 13:57
Je vais une fois de plus marquer une marginalité:
Dès mes débuts dans l'Achetémélerie, j'ai cherché la conformité absolue, pour découvrir que, de Mosaic à Netscape, les rendus n'étaient pas tout à fait les mêmes, même en ignorant toutes les balises additionnelles de netscape (qui étaient pourtant bien pensées) en validant avec Amaya.
Aujourd'hui je vérifie avec Firefox et Opera que les rendus sont acceptables (ils sont rarement identiques, par exemple les positionnements en pourcentages.... entre autres). L'intérêt d'Opéra étant surtout qu'il est plus clair sur l'explication des erreurs qu'il repère.
Je me suis amuse à soumettre des pages à HTMLMACHINATOR:
c'est extrêmement tatillon, mais les productions de Clean up Markup with HTML-Tidy valent le coup.
Et ce n'est pas parce qu'elles sont validées que tel ou tel navigateur n'y mettra pas un peu de souk
Ceci dit, si tu mets Transitionnal, c'est un peu plus souple...
a titre d'exemple un code validé:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see http://www.w3.org" />
<script type='text/javascript'>
//<![CDATA[
function suite ()
{
var obj = document.getElementById("suivre")
obj.click();
}
//]]>
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Réglisse accueil</title>
<meta name="author" content="Billard" />
<meta name="keywords" content="education, distribution of students into several classes" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
</head>
<body>
<h2>entete 2</h2>
<div>
<form id= 'formulaire' method='post' action ='disney.html'> <!-- pas <form name = 'formulaire' method='post' action ='disney.html'> -->
<p> <!--ou div ou autres obligé-->
<input type ='text' name= 'bidule' value ='machin' />
</p>
<script type='text/javascript'>
//<![CDATA[
function intruse ()
{
var obj = document.getElementById("suivre")
obj.click();
}
//]]>
</script>
<div>
<input type = "radio" name ="radio1" value ="1" />Oui
<input type = "radio" name ="radio1" value ="1" />Non
</div>
</form>
</div>
</body>
</html>
Je vais une fois de plus marquer une marginalité:
Dès mes débuts dans l'Achetémélerie, j'ai cherché la conformité absolue, pour découvrir que, de Mosaic à Netscape, les rendus n'étaient pas tout à fait les mêmes, même en ignorant toutes les balises additionnelles de netscape (qui étaient pourtant bien pensées) en validant avec Amaya.
Aujourd'hui je vérifie avec Firefox et Opera que les rendus sont acceptables (ils sont rarement identiques, par exemple les positionnements en pourcentages.... entre autres). L'intérêt d'Opéra étant surtout qu'il est plus clair sur l'explication des erreurs qu'il repère.
Je me suis amuse à soumettre des pages à HTMLMACHINATOR:
c'est extrêmement tatillon, mais les productions de Clean up Markup with HTML-Tidy valent le coup.
Et ce n'est pas parce qu'elles sont validées que tel ou tel navigateur n'y mettra pas un peu de souk
Ceci dit, si tu mets Transitionnal, c'est un peu plus souple...
a titre d'exemple un code validé:
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see http://www.w3.org" />
<script type='text/javascript'>
//<![CDATA[
function suite ()
{
var obj = document.getElementById("suivre")
obj.click();
}
//]]>
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Réglisse accueil</title>
<meta name="author" content="Billard" />
<meta name="keywords" content="education, distribution of students into several classes" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
</head>
<body>
<h2>entete 2</h2>
<div>
<form id= 'formulaire' method='post' action ='disney.html'> <!-- pas <form name = 'formulaire' method='post' action ='disney.html'> -->
<p> <!--ou div ou autres obligé-->
<input type ='text' name= 'bidule' value ='machin' />
</p>
<script type='text/javascript'>
//<![CDATA[
function intruse ()
{
var obj = document.getElementById("suivre")
obj.click();
}
//]]>
</script>
<div>
<input type = "radio" name ="radio1" value ="1" />Oui
<input type = "radio" name ="radio1" value ="1" />Non
</div>
</form>
</div>
</body>
</html>[/html]
