Quatre & Trois - Mot-clé - (X)HTMLWeb, logiciels, langue française et divers.2018-11-08T20:38:55+01:00urn:md5:8115267d30e9cd7a5b96e0668645042fDotclearHTML 5 et XHTML 2urn:md5:12a3c3c38d155c84d120508be01e11622007-04-06T04:00:00+02:002015-12-13T15:38:23+01:00Denis Blandin(X)HTMLW3C <p>Le HTML n’est pas (encore) mort !<br />
Le <a href="http://www.w3.org" hreflang="en">W3C</a> vient en effet de créer un nouveau groupe de travail HTML.<br />
Bien sûr le <a href="http://www.w3.org/TR/xhtml2/" hreflang="en">XHTML 2</a> est toujours en développement.<br />
Je vous conseille une lecture sur xhtml.com qui explique un peu HTML 5 et XHTML 2 :<br />
<a href="http://xhtml.com/fr/future/x-html-5-versus-xhtml-2/" title="http://xhtml.com/fr/future/x-html-5-versus-xhtml-2/">http://xhtml.com/fr/future/x-html-5...</a></p>Optimisations PHP : echourn:md5:0f91408a242b634aa50f5e2df167ec712007-04-01T04:00:00+02:002016-02-13T14:41:01+01:00Denis Blandin(X)HTMLoptimisationPHPXML <p>Je suis maniaque de l’optimisation <a href="http://fr.wikipedia.org/wiki/PHP:_Hypertext_Preprocessor"><acronym title="PHP: Hypertext Preprocessor">PHP</acronym></a>.</p>
<p><strong>Je n’écris pas :</strong><br />
<code><?php echo "Une phrase $var une $variable";</code></p>
<p><strong>Mieux mais toujours pas :</strong><br />
<code><?php echo "Une phrase ". $var ." une ". $variable .""; ?></code></p>
<p><strong>Mieux mais toujours pas :</strong><br />
<code><?php echo 'Une phrase '. $var .' une '. $variable .''; ?></code></p>
<p><strong>Mieux mais toujours pas :</strong><br />
<code><?php echo 'Une phrase '. $var .' une '. $variable; ?></code></p>
<p><strong>Mieux mais toujours pas :</strong><br />
<code><?php echo 'Une phrase ', $var, ' une ', $variable; ?></code></p>
<p><strong>Mais cela :</strong><br />
<code>Une phrase <?php echo $var ?> une <?php echo $variable ?></code></p>
<p>En général j’utilise systématiquement les guillemets simples et non les guillemets doubles car plus rapide et plus simple pour le code <a href="http://fr.wikipedia.org/wiki/XHTML"><acronym title="(Extensible) HyperText Markup Language">(X)HTML</acronym></a> et <a href="http://fr.wikipedia.org/wiki/Extensible_Markup_Language"><acronym title="Extensible Markup Language">XML</acronym></a>.</p>Cliquez pour activer et utiliser ce contrôleurn:md5:4e342b60abff9b58793e6f091a84b9542007-03-30T04:00:00+02:002015-07-28T20:22:38+02:00Denis Blandin(X)HTMLFlashJavaScriptMicrosoft<p>Développeurs (X)HTML ou <a href="http://fr.wikipedia.org/wiki/Adobe_Flash">Flash</a>, vous avez surement dû voir des messages du type : <q>Cliquez pour activer et utiliser ce contrôle</q> sur les animations incluses à l’aide de la balise (X)HTML <code><object></code> ou <code><embed></code> dans des pages web avec <a href="http://fr.wikipedia.org/wiki/Internet_Explorer">Internet Explorer</a>.<br />
Ce message à été inclus dans Internet Explorer suite à un procès que <a href="http://fr.wikipedia.org/wiki/Microsoft">Microsoft</a> à perdu contre EOLAS qui détenait des brevets sur cette technique.<br />
Heureusement il existe plusieurs techniques pour que ce message — et la bordure grise qui l’accompagne — ne s’affichent pas.</p> <p>Celle que je trouve la plus simple consiste à créer un fichier <q>flash.js</q> contenant ce code : <br /></p>
<pre><code>if (document.getElementsByTagName && document.body.outerHTML) {
var tags = ['object','embed','applet'];
for (var i in tags) {
var objs = document.getElementsByTagName(tags[i]);
for (var j=0;j < objs.length;j++) {
var obj = objs.item(j);
var params = obj.getElementsByTagName('param');
var inner = '';
if (params.length && !/<param/i.test(obj.innerHTML))
for (var x=0;x < params.length;x++)
inner += params.item(x).outerHTML;
obj.outerHTML = obj.outerHTML.replace('>', '>' + inner);
}
}
}</pre></code>
<p>Une fois ce fichier créé, ajoutez la ligne de code suivante juste avant la balise <code></body></code> de la page web contenant une ou plusieurs balises <code><object></code> :<br />
<code><script type="text/javascript" src="http://www.4et3.online.fr/_/post/flash.js"></script></code><br />
Maintenant le problème sous Internet Explorer ne doit plus exister.</p>
<p>S'il apparait toujours ou si vous êtes curieux et que vous voulez connaitre les autres solutions, je vous conseille le site sur lequel j’ai trouvé ce code JavaScript : <a href="http://activecontent.blogspot.com/" hreflang="en">http://activecontent.blogspot.com</a></p>Encodage : ISO-8859-1, ISO-8859-15 ou windows-1252 (et UTF-8)urn:md5:5f2bf3a34800acec97166452f772e9c12007-03-27T04:00:00+02:002016-02-13T17:56:14+01:00Denis Blandin(X)HTMLUTFXML<p>Quand on crée des documents <a href="http://fr.wikipedia.org/wiki/XHTML"><acronym title="(Extensible) HyperText Markup Language">(X)HTML</acronym></a>, <a href="http://fr.wikipedia.org/wiki/Extensible_Markup_Language"><acronym title="Extensible Markup Language">XML</acronym></a> ou même d’autres… la question de l’encodage des caractères se pose souvent.
Si <a href="http://fr.wikipedia.org/wiki/UTF-8"><acronym title="UCS transformation format">UTF</acronym>-8</a> est utilisable et qu’une légère augmentation du poids du fichier n’est pas un problème, je conseille grandement cet encodage qui, à la différence de <a href="http://fr.wikipedia.org/wiki/ISO_8859-1"><acronym title="Organisation internationale de normalisation">ISO</acronym>-8859-1</a>, <a href="http://fr.wikipedia.org/wiki/ISO_8859-15">ISO-8859-15</a> ou <a href="http://fr.wikipedia.org/wiki/Windows-1252">windows-1252</a>, peut afficher naturellement quelques milliers de caractères (256 pour les autres).</p> <p>Mais pour diverses raisons, l’UTF-8 ne peut parfois pas être utilisé : une compatibilité tardive avec <a href="http://fr.wikipedia.org/wiki/MySQL">My<acronym title="Structured Query Language">SQL</acronym></a>, pas de support natif avec <acronym title="PHP: Hypertext Preprocessor">PHP</acronym>, des éditeurs de texte ou de pages web qui ne proposent pas ou ne supportent pas cette option. Et bien sur le fait que certains <acronym title="Content Management System">CMS</acronym> n’ont pas été développés pour supporter l’UTF-8 (Nuked-Klan par exemple).</p>
<p>Une fois qu’on sait qu’on ne peut pas utiliser l'UTF-8, il reste plus ou moins trois formats d’encodage de caractères (dans le cadre d’un document rédigé dans un alphabet latin moderne comme le français, anglais, etc.). Ces trois encodages sont ISO-8859-1, ISO-8859-15 et windows-1252.</p>
<p>ISO-8859-1 est largement plus utilisé que les deux autres mais pourquoi et qu’ont comme avantage(s) les autres ?</p>
<p>La seule différence entre l’ISO-8859-1, ISO-8859-15 c'est que l’ISO-8859-1 connait <q>¤ ¦ ¨ ´ ¸ ¼ ½ ¾</q> et que ISO-8859-15 connait <q>€ Š š Ž ž Œ œ Ÿ</q> mais ces huit caractères sont présent soit dans ISO-8859-1 ou ISO-8859-15 mais pas les deux à la fois. À vous de voir si vous utilisez plus souvent les caractères que ISO-8859-1 connait ou ceux de l’ISO-8859-15.</p>
<p>Si vous choisissez ISO-8859-15 (ce que je trouverais logique car les caractères ISO-8859-1 que ISO-8859-15 ne connait pas sont peu utilisés), n’utilisez surtout pas le <a href="http://fr.wikipedia.org/wiki/Bloc-notes_%28Windows%29">Bloc-notes de Windows</a> ou tout autre éditeur de texte qui ne gère pas ce format pour écrire des documents !</p>
<p>Et maintenant windows-1252, dont on ne parle pas assez. C’est pourtant l’encodage par défaut de Windows dans de nombreux pays.</p>
<p>Pour faire simple windows-1252 c'est ISO-8859-1 avec plus de caractères ! Vous me direz… mais je croyais qu’ils étaient tout trois limités à 256 caractères ? Oui en effet, mais ISO-8859-1 comme ISO-8859-15 n’utilisent pas toute la place pour des caractères, ils en réservent pour ce qui est appelé des caractères de contrôle. Ces caractères de contrôle n’ayant pas d’intérêt dans des documents, sont remplacés par <q>€ ‚ ƒ „ … † ‡ ˆ ‰ Š ‹ Œ Ž ‘ ’ “ ” • – — ˜ ™ š › œ ž Ÿ</q> avec windows-1252.</p>
<p>Donc pour conclure, windows-1252 est mon choix personnel car il contient plus de caractères imprimables que les deux autres. Il faut aussi dire qu’il est supporté sur les navigateurs pour <a href="http://fr.wikipedia.org/wiki/Linux">Linux</a>, <a href="http://fr.wikipedia.org/wiki/Macintosh">Mac</a>…</p>
<p>Tout commentaire est bienvenu.</p>