FAQ xHTML/CSS et aux standards Les 10 dernières questions de la FAQ http://forum.alsacreations.com/faq/ De la musique en continu sur un site, sans coupure? http://forum.alsacreations.com/faq/#item102 2008-07-19T12:45:58+00:00 fr FAQ Alsacréations
POUR COMMENCER, QUELS MOYENS POUR JOUER DE LA MUSIQUE?

À l'heure actuelle (2008), les navigateurs ne jouent pas directement les fichiers musicaux. Il faut passer par un plugin, par exemple le lecteur Flash ou Windows Media ou Quicktime ou autre. Le plus répandu est le lecteur Flash, et représente la solution la plus compatible actuellement. Flash permet de lire de la musique au format MP3. Il existe des lecteurs Flash tel que celui-ci:
http://www.alsacreations.fr/dewplayer

D'autres lecteurs peuvent jouer de la musique sans être visibles sur la page, ou en proposant juste un bouton «arrêter/activer la musique», ce qui peut être utile pour des musiques d'ambiance.

PROBLÈME ET SOLUTIONS TECHNIQUES

Changer de page revient à changer de document web, c'est à dire à fermer un document pour en ouvrir un autre. Lors du changement de page, toute plugin intégré à la page sera arrêté. Ce qui signifie: coupure brutale de la musique intégrée à la page.

Pour que la musique joue en continu, il faut donc garder un document ou une partie de document toujours ouvert dans le navigateur. Parmi les solutions possibles:

1. Utiliser des frames. Une frame portera le lecteur et peut-être d'autres éléments (par exemple un menu de navigation), tandis que la deuxième frame affichera le contenu. Effets secondaires: problèmes possibles d'accessibilité et de référencement.

2. Faire un site entièrement en Flash. Effets secondaires: problèmes possibles d'accessibilité, et problèmes certains de référencement.

3. Faire un site dont tous les contenus sont chargés en Ajax. Effets secondaires: problèmes possibles d'accessibilité, et problèmes certains de référencement.

4. Proposer au visiteur d'ouvrir une fenêtre pop-up contenant un lecteur Flash jouant une musique, ou permettant de lire des morceaux. Cela peut se faire avec la Zanorg Radio (http://radio.zanorg.com/) ou quelque chose d'équivalent.

MISE EN GARDE SUR LA SONORISATION DES SITES

Sonoriser un site n'est pas toujours pertinent. La musique est souvent perçue, sur les sites qui n'ont pas de rapport, comme envahissante. L'utilisateur n'est pas toujours en situation de visiter un site sonorisé. Par exemple:

- l'utilisateur n'a peut-être pas le son, ou ne l'a pas activé (la musique est alors téléchargée inutilement);
- l'utilisateur écoute déjà de la musique, et toute musique supplémentaire serait parasite;
- l'utilisateur est au bureau, et ne préfère pas que de la musique surgisse tout à coup de son poste de travail;
- etc.

Quelques règles:
- toujours proposer un bouton (bien visible) pour arrêter la musique;
- si la musique n'a pas de rapport direct avec le site, ne pas la lancer automatiquement.
]]> Ma page/mon code source commence par  de quoi s'agit-il ? http://forum.alsacreations.com/faq/#item101 2008-07-19T12:45:58+00:00 fr FAQ Alsacréations
Ennuis possibles

Malheureusement, certains logiciels n'interprètent pas correctement le BOM, ils le considère comme une partie du texte et l'affichent. Il en résulte alors ces fameux caractères: ; Lesquels peuvent se révéler problématiques sur la toile, provoquant notamment l'envoi prématuré des entêtes, la corruption du rendu sous Internet Explorer ou encore des espaces indésirables.

Inutile en UTF-8

Chose intéressante pour nous, l'encodage UTF-8, contrairement à ses grands frères, ne possède qu'un seul sens de lecture des données. En conséquence l'information fournie par le BOM n'y est pas indispensable et on peut donc le retirer; ce qui est vivement recommandé, au moins pour tout ce qui touche à internet.

Enlever le BOM

Pour retirer le BOM il faut configurer votre éditeur de texte préféré de manière à ce qu'il ne l'ajoute pas lors de l'enregistrement. La quasi totalité des programmes le permet, cependant l'option est souvent difficile à trouver. Pour vous aider, sachez que les désignations suivantes sont parfois utilisées à la place de BOM: marque d'ordre des octets, octets de signatures, signature UTF-8, ordre UTF-8, cookie UTF-8.
Pour ceux qui utilise Windows, vous pouvez également vous servir de kaboom (voir http://www.sutekidane.net/blog/kaboom-encodez-en-batch-vos-fichiers-php-et-html.html)]]> Comment diagnostiquer un problème d'encodage http://forum.alsacreations.com/faq/#item100 2008-07-19T12:45:58+00:00 fr FAQ Alsacréations Attention tout de même à ne pas confondre avec la situation où la police utilisée ne supporte pas les caractères affichés, tout le texte sera alors mal rendu (par exemple sur une page en japonais).


CARACTÉRISATIONS
a) Quelle est l'étendue du problème ? S'agit-il du document entier, d'une partie provenant d'une source externe (fichier inclus, rss, base de donnée, etc) ou d'une partie quelconque ?
b) Arrivez-vous à obtenir un rendu normal dans la partie concernée en forçant le jeu de caractères de votre navigateur(2) (n'essayez pas non-plus toute la liste, les plus communs suffisent souvent à le savoir) ?


IDENTIFICATIONS & SOLUTIONS
Voici les cas les plus courants classés en fonctions des résultats obtenus avec les manipulations ci-dessus, ceux qui ne sont pas listés arrivent très rarement, venez en discuter sur le forum.

Affecte : document entier, Correction: possible
Vous êtes en face d'une déclaration d'encodage erronée, celui renseigné ne correspond pas à celui du document.
Solution : corriger la déclaration (http://forum.alsacreations.com/faq/faq-78-Comment-bien-declarer-l039encodage-des-caracteres-d039un-document-.html)

Affecte : partie externe, Correction: possible
Le problème vient du fait que le jeu de caractères utilisé par la source externe n'est pas identique à celui de votre document. Par exemple vous affichez le contenu d'un fichier XML encodé en UTF8 dans un document iso-8859-1.
Solution : normaliser l'encodage du document et de la source (rendre les deux identique) soit en le modifiant pour l'un des côtés soit en effectuant une conversion lors de l'importation.

Affecte : souvent partie quelconque, Correction: impossible
Ici la situation est plus délicate, il s'agit souvent d'une corruption de l'encodage. Cela peut arriver par exemple lorsque l'on modifie de l'UTF8 à l'aide de fonctions prévues pour de l'ASCII ou de l'iso-8859-1. Dans ce cas l'encodage est altéré et ne correspond plus à rien, devenant du même coup illisible.
Solution : malheureusement il s'agit souvent de cas par cas, les origines étant très diverses. Vérifiez tout de même quels traitements vous effectuez sur le texte en question et si le problème disparaît en les supprimant.


NOTES
1) Par exemple l'affichage d'UTF8 en iso-8859-1 donnera des é à la place des é. Inversement afficher un document iso-8859-1 en UTF8 affichera des ? À la place des accents.
2) Firefox : Affichage->Encodage
Opera : Afficher->Encodage
IE : Page->Codage]]> Comment fonctionne la propriété CSS z-index? http://forum.alsacreations.com/faq/#item99 2008-07-19T12:45:58+00:00 fr FAQ Alsacréations
Mais l'utilisation de cette propriété comporte quelques pièges. Il y a deux informations principales à retenir:

1. SEULS LES ÉLÉMENTS POSITIONNÉS PEUVENT AVOIR UN Z-INDEX. Un élément positionné est un élément dont la propriété CSS "position" a pour valeur "relative", "absolute" ou "fixed". Par défaut, les éléments d'une page ne sont pas positionnés (ils sont en "position:static").

2. LES VALEURS LES PLUS ÉLEVÉES SONT AU PREMIER PLAN, et les plus faibles sont au second plan. Un z-index de 2 sera placé au dessus d'un z-index de 1, et un z-index de -1 sera placé au dessus d'un z-index de -2.


UN EXEMPLE POUR LA ROUTE

Soit le code HTML suivant:

<div id="test1">…</div>
<div id="test2">…</div>
<div id="test3">…</div>
<div id="test4">…</div>
et le code CSS suivant:

div {height: 100px; width: 100px;}
div#test1 {position: absolute; z-index: 4;}
div#test2 {position: absolute; z-index: 2;}
div#test3 {z-index: 10;}
div#test4 {position: relative; z-index: 8;}
Le résultat attendu est le suivant:
- div#test1 sera au premier plan;
- en dessous on aura div#test2;
- en dessous encore on aura div#test3 (qui ne se place pas au-dessus malgré un z-index de 10 car il n'est pas positionné);
- enfin, div#test4 sera le plus haut de la pile, mais ne recouvre pas les autres blocs ici car il est repoussé vers le bas par div#test3 qui n'est pas positionné.

Au final, si tous les blocs ont une couleur de fond opaque, on ne pourra apercevoir que div#test1 en haut et div#test4 plus bas. Les autres blocs sont recouverts par div#test1.

]]> S'y retrouver entre ASCII, ANSI, Latin1, ISO-8859-1, MacRoman, Windows-1252, etc. http://forum.alsacreations.com/faq/#item98 2008-07-19T12:45:58+00:00 fr FAQ Alsacréations
Tentons de mettre les choses au point.

RAPIDE INTRODUCTION SUR LES ENCODAGES DE CARACTÈRES

En informatique, un encodage de caractères est une norme qui dit, grosso modo, à quels caractères correspondent un ensemble de valeurs numériques. Les fichiers informatiques, même lorsqu'ils sont au format texte brut, ne sont pas des suites de lettres et autres caractères, mais des suites de nombres. Pour chaque nombre, il s'agit de savoir à quel lettre ou caractère il correspond. C'est le rôle de l'encodage de définir cette correspondance.
(On pourrait être beaucoup plus exact et précis sur ce qu'est un encodage de caractères, mais au prix de développements fastidieux… on en restera donc là.)

Lorsqu'on réalise un site web, il est important de savoir dans quel encodage est enregistré un document (une page HTML par exemple), afin de pouvoir déclarer cet encodage si besoin, et de pouvoir conserver le bon encodage lorsqu'on modifie le fichier.

Le problème avec les encodages cités ci-dessus, c'est qu'on ne sait pas toujours à quoi ils correspondent, et qu'on utilise parfois un nom à la place d'un autre! Mettons un peu les choses au point.

LES ENCODAGES ASCII ET FILS

- ASCII (http://fr.wikipedia.org/wiki/US-ASCII)
ASCII est en encodage qui contient 128 caractères, soit pas des masses. En gros, ça sert à écrire l'anglo-américain, mais ça ne permet pas d'écrire les langues européennes qui ont des «caractères spéciaux», notamment des lettres avec diacritiques (accents, cédille, autres joyeusetés). Bref, on ne peut pas écrire en français avec de l'ASCII, et à vrai dire on a rarement besoin d'utiliser cet encodage.
Les 128 caractères ASCII restent cependant la base d'une partie des encodages modernes, créés comme des extensions d'ASCII et compatibles avec celui-ci.

- ISO-8859-1 ou Latin-1 (http://fr.wikipedia.org/wiki/ISO_8859-1)
Le nom officiel est ISO-8859-1 (c'est d'ailleurs celui qu'on utilise pour déclarer l'encodage d'une page web), mais l'appelation «Latin-1» ou «latin1» est fréquente. Il s'agit d'une extension d'ASCII qui comporte 191 caractères imprimables. Elle permet d'écrire la plupart des langues d'Europe de l'Ouest. Presque tous les caractères du français y sont (manque le «e dans l'o»).

- ISO-8859-15 ou Latin-9 (http://fr.wikipedia.org/wiki/ISO_8859-15)
Cette norme modifie légèrement ISO-8859-1. Pour le français, on notera l'ajout du «e dans l'o» (les caractères ½ et ¼). On notera aussi l'ajout du symbole monétaire Euro (¤).

- ANSI ou Windows-1252 (http://fr.wikipedia.org/wiki/Windows-1252)
ANSI est une extension d'ISO-8859-1, qui rajoute un certain nombre de caractères: «e dans l'o», symbole de l'Euro, mais aussi guillemets anglais, points de suspension, signe «pour mille», tirets cadratin et demi-cadratin, etc. En tout, cela représente 218 caractères imprimables.
Dans les années 90, Microsoft adopte ANSI pour son système d'exploitation Windows. Aujourd'hui, quand on parle d'ANSI, on parle en fait de Windows-1252 (aussi nommé CP1252)

- MacRoman (http://fr.wikipedia.org/wiki/MacRoman)
Une autre extension d'ASCII, qui couvre la plupart des caractères existant dans ISO-8859-1 mais sans être compatible. Si vous travaillez sous Mac OS ou recevez des fichiers de quelqu'un travaillant sous Mac OS, il se peut que le texte soit en MacRoman.
Voilà, nous arrivons à la fin de notre passage en revue d'ASCII et de ses rejetons. Les choses devraient maintenant être plus claires… du moins, si nos outils (navigateurs, éditeurs de code…) ne viennent pas entretenir la confusion en mélangeant les termes. ;)

AU FAIT, QUEL ENCODAGE CHOISIR?

Il est déconseillé d'utiliser ANSI/Windows-1252 pour le Web. On lui préfèrera ISO-8859-1, ou ISO-8859-15. Pour les caractères n'existant pas dans ces deux encodages, on pourra utiliser des entités HTML, par exemple &mdash; pour un tiret cadratin.

Une autre solution serait d'utiliser UTF-8, un encodage qui permet d'écrire un nombre très important de caractères, et la plupart des langues du monde. Sur les avantages comparés d'ISO-8859-1/15 et d'UTF-8, on pourra lire:
http://forum.alsacreations.com/faq/faq-36-Charset-Iso-8859-1-iso-8859-15-utf-8-lequel-choisir-.html]]> Comment encadrer les blocs de code JavaScript et CSS ? http://forum.alsacreations.com/faq/#item97 2008-07-19T12:45:59+00:00 fr FAQ Alsacréations
POUR UN DOCTYPE HTML :

Ces éléments ont un type de contenu "CDATA" (contrairement aux autres éléments, qui ont un type de contenu "PCDATA") : le parseur analyse le contenu de l'élément comme du texte brut, jusqu'à ce qu'il rencontre les caractères "</" suivis d'une lettre (a-z, A-Z). Cela signifie entre autres que les entités (comme "&nbsp;") ne sont pas prises en compte.

Il est donc nécessaire d'échapper les occurrences de "</". Par exemple :


<script type="text/javascript">
document.write("Alsacréation<strong>s<" + "/strong>");
</script>

Il est par ailleurs assez courant d'encadrer le contenu de ces éléments par des commentaires ("<!-- -->"), car cela permet d'éviter que les navigateurs qui ne connaissent pas les éléments "script" et/ou "style" affichent leur contenu. Cependant, l'utilisation de tels navigateurs est aujourd'hui extrêmement marginale.

De plus, il faut bien comprendre que les navigateurs qui connaissent les éléments "script" et "style" savent que leur type de contenu est "CDATA" et passent donc les commentaires aux moteurs de script et de style sans les interpréter. C'est pourquoi ces derniers prennent en compte cette pratique : par exemple, les moteurs JavaScript ignorent une ligne commençant par "<!--".

On écrit donc en général :


<script type="text/javascript"><!--
document.write("Alsacréation<strong>s<" + "/strong>");
//--></script>

POUR UN DOCTYPE XHTML :

En XHTML, le problème est différent, car le type de contenu des éléments "script" et "style" est "PCDATA". Leur contenu est censé être lu par le parseur comme celui de n'importe quel autre élément, ce qui nécessite d'échapper les caractères spéciaux XML. Cela n'est cependant pas le cas en pratique si le document est servi en tant que "text/html".

On se retrouve donc face à deux problèmes antagonistes : un problème d'utilisation (si les caractères spéciaux sont échappés, ils vont être interprétés tels quels par les moteurs de style et de script), et un problème de validation (si les caractères spéciaux ne sont pas échappés, le document ne validera pas). La solution la plus courante consiste à utiliser les commentaires XML, qui peuvent contenir des caractères spéciaux :


<script type="text/javascript"><!--
document.write("Alsacréation<strong>s<" + "/strong>");
//--></script>

On reste ainsi compatible avec HTML, tout en permettant la validation XHTML. Il faut cependant continuer à échapper la chaîne "</", ainsi que la chaîne "--", qui est illégale dans les commentaires XML.

-------------------

CONCLUSION :

- HTML : on peut éventuellement encadrer le bloc de code par "<!--" et "-->". Il faut échapper la chaîne "</".
- XHTML servi en tant que "text/html" : on encadre le bloc de code par "<!--" et "-->". Il faut échapper les chaînes "</" et "--". On peut également utiliser une section CDATA (voir le lien explicatif d'Openweb), mais cela ne présente pas un grand intérêt.
- XHTML servi en tant que "application/xhtml+xml" : on encadre le bloc de code avec une section CDATA ou on échappe les caractères spéciaux.

Bien entendu, le plus simple reste, lorsque c'est possible, de placer le code JavaScript et CSS dans des fichiers séparés.

]]> Obtenir la transparence PNG avec Internet Explorer 6 http://forum.alsacreations.com/faq/#item96 2008-07-19T12:45:59+00:00 fr FAQ Alsacréations
C'est donc un format très pratique pour le design web. Sauf que… le navigateur Internet Explorer est réputé pour ne pas supporter la transparence PNG, et afficher les images PNG transparentes avec un fond gris opaque particulièrement laid.

Il est faux de dire qu'Internet Explorer ne supporte pas la transparence PNG. La version 7 de ce navigateur l'interprète aussi bien que tous les autres navigateurs modernes. Par contre, c'est effectivement le cas pour la version 6, encore très largement utilisée, et sur laquelle il faudra compter pour quelques temps encore.

Il existe toutefois un moyen détourné d'obtenir «plus ou moins» du PNG transparent avec Internet Explorer 5.5 et 6.0, que nous allons détailler.

LES FILTRES ALPHAIMAGELOADER

À partir de la version 5.5, Internet Explorer intègre le support de fonctions propriétaires permettant de faire appel à DirectX pour certaines manipulations graphiques. L'une de ces manipulations graphiques consiste à intercaler, entre le fond d'un bloc et son contenu, une image avec transparence graduelle.

On peut utiliser cette fonctionnalité via Javascript, mais nous passerons ici par la propriété CSS non standard "filter". Afin d'éviter que cette propriété ne s'applique à IE7 également, et pour garder un code CSS valide par ailleurs, on utilisera un commentaire conditionnel:

<!-- Code à insérer dans le "head" de la page -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#bloc {
background: none; /* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/chemin/vers/mon-image.png", sizingMethod="scale");
}
</style>
<![endif]-->
Attention, si on place cette propriété dans une feuille de styles externes (une feuille de correctifs CSS pour IE6 et inférieurs appelée via un commentaire conditionnel, par exemple), le chemin ne s'appliquera pas depuis la feuille de style (comme c'est normalement le cas en CSS), mais depuis la page HTML. Une solution pour ne pas s'emmêler les pinceaux: utiliser des chemins absolus, commençant par "/".

Le code ci-dessus permet donc d'afficher l'image PNG, qui sera étirée (sizingMethod="scale") dans le bloc. Les valeurs possibles pour la propriété sizingMethod sont:
- "crop" (rogne l'image pour qu'elle tienne dans le bloc);
- "image", valeur par défaut (réduit ou élargit le bloc pour correspondre aux dimmensions de l'image);
- "scale" (étire l'image aux dimmensions du bloc).

LES LIMITES DE CETTE MÉTHODE

Tout d'abord, il faut bien noter que le filtre AlphaImageLoader ne substitue pas une image (avec transparence PNG activée) à l'image de fond d'un bloc. L'image placée en «fond» du bloc (en fait entre le fond et le contenu) n'est pas une image de fond à proprement parler, et on ne pourra pas utiliser les propriétés CSS pour les images de fond.

Donc:
1. pas de background-position (et pas d'équivalent via des propriétés d'AlphaImageLoader);
2. pas de background-repeat (et pas d'équivalent… sauf peut-être sizingMethod="scale" pour les images unies, sans motif, et dans les cas où on aurait pu utiliser une image de fond de 1px de haut répétée en hauteur -- ou une image de 1px de large répétée en largeur).

Une autre limite importante vient du fait que POUR QUE CELA FONCTIONNE, LE BLOC DOIT AVOIR LE LAYOUT. Il faudra donc peut-être également conférer le "layout" au bloc, par exemple de la manière suivante:

<!--[if lte IE 6]>
<style type="text/css" media="screen">
#bloc {
zoom: 1; /* HasLayout */
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/chemin/vers/mon-image.png", sizingMethod="scale");
}
</style>
<![endif]-->
Au sujet du HasLayout, on pourra lire:
http://forum.alsacreations.com/faq/faq-91-Qu039est-ce-que-le-HasLayout-et-comment-l039utiliser.html

AUTOMATISER L'UTILISATION DE ALPHAIMAGELOADER AVEC JAVASCRIPT

Plusieurs scripts Javascript se proposent d'appliquer automatiquement les correctifs nécessaires à la prise en compte de la transparence PNG dans IE6, soit pour les images dans le code HTML, soit pour les images de fond CSS, soit pour les deux.

Celui-ci est régulièrement cité (nota: explications en anglais):
http://www.twinhelix.com/css/iepngfix/
]]> Comment intégrer du code JavaScript dans une page de manière valide ? http://forum.alsacreations.com/faq/#item95 2008-07-19T12:45:59+00:00 fr FAQ Alsacréations
1. en liant un fichier externe :

<script type="text/javascript" src="monScript.js"></script>

Attention, la balise "script" n'est pas auto-fermante, on ne peut pas écrire <script type="text/javascript" />

2. en ajoutant le code JavaScript à l'intérieur de l'élément <script> :

<script type="text/javascript"><!--
// Mon code Javascript :
…
//--></script>


Remarquez que c'est bien l'attribut "type" qui doit être renseigné et non "language", qui est déconseillé par la spécification HTML 4.01.

]]> Comment lancer plusieurs fonctions au chargement d'une page ? http://forum.alsacreations.com/faq/#item94 2008-07-19T12:45:59+00:00 fr FAQ Alsacréations
Cela est en général dû à un problème d'écrasement des gestionnaires d'événement "DOM 0" : en effet, si l'attribut "onload" est défini plusieurs fois (soit sur l'objet "window" dans le JavaScript, soit sur l'élément "body" dans le (X)HTML), seule la dernière définition est prise en compte.

Par exemple :

[…]

<script type="text/javascript"><!--
window.onload = init1;
//--></script>

</head>
<body onload="init2();">

<!-- Seule init2 sera exécutée au chargement de la page -->

[…]

Pour éviter ce problème, il existe plusieurs solutions :

1/ Regrouper toutes les initialisations :

- dans le code JavaScript :

window.onload = function() { init1(); init2(); };

- dans le code (X)HTML :

<body onload="init1(); init2();">

2/ Utiliser une fonction qui gère l'ajout des gestionnaires d'événement en évitant l'écrasement, comme celle de Simon Willison : http://simon.incutio.com/archive/2004/05/26/addLoadEvent.

3/ Passer par les gestionnaires d'événement DOM 2 / IE.

Les deux dernières solutions sont évoquées dans le tutoriel "JavaScript : organiser son code en modules" (http://css.alsacreations.com/Tutoriels-JavaScript/JavaScript-organiser-son-code-en-modules#tuto4).

]]> Quelle est la différence entre les chemins relatifs et absolus ? http://forum.alsacreations.com/faq/#item93 2008-07-19T12:45:59+00:00 fr FAQ Alsacréations - le chemin relatif (absence de slash initial) ;
- le chemin absolu (slash en préfixe du chemin).


1) Sur le Web
* Le chemin relatif : dossier/page.html - ./dossier/page.html ou ../dossier/page.html
La cible (page.html) va être cherchée par le navigateur à partir de la page html ou de la feuille de style qu'il interprète.
./ : signifie que la page est cherchée à partir du répertoire courant.
../ : signifie que la page est cherchée à partir du répertoire parent (on remonte d'un répertoire).
Il est tout à fait possible de remonter plusieurs répertoires. Pour cela nous cumulerons les ../ .Par exemple pour remonter de deux niveaux, nous écrirons ../../dossier/page.html.


* Le chemin absolu : /dossier/page.html
Dans bien des cas, le chemin absolu est la convention d'écriture la plus sûre.
La page cible va être cherchée par le navigateur à partir de la racine du site.
Dans notre exemple, le fichier page.html sera recherché directement à partir du domaine principal ou d'un sous-domaine : http://www.domaine.fr/dossier/page.html ou http://autre.domaine.fr/dossier/page.html


2) En php
* Le chemin relatif : dossier/page.php - ./dossier/page.php ou ../dossier/page.php
La cible (page.php) va être cherchée à partir du fichier exécuté.
Attention : si vous utilisez cette convention d'écriture pour un fichier inclus au moyen de la fonction include(), soyez conscient que le chemin relatif part non pas du fichier lui-même, mais du fichier dans lequel est placé son contenu : il s'agit du fichier exécuté par le serveur.

* Le chemin absolu : /dossier/page.php
La cible va être cherchée en partant de la racine du système de fichiers : /.
Par exemple sous Windows : include('/inc/menu.php'); équivaudrait à C:\inc\menu.php et non pas à http://www.domaine.fr/inc/menu.php
Pour obtenir la racine du serveur web, utilisez la variable $_SERVER['DOCUMENT_ROOT'] en préfixe del'antislash ().
]]>