Tout sur les liens
Pourquoi suis je revenu sur les liens?
Parce que, les liens xhtml dispose de plusieurs secret, nous allons voir, en premier les lien relatif et absolut, puis, les lien mail et pour finir les lien ftp.
Absolut ou relatif
Imaginons, que pour votre site, vous avez créer les fichiers suivant:
-index.html
-news.html
-remerciement.html
Bon, vous créer l'index.html, et vous créer un petit menu
- Code: Tout sélectionner
<!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" xml:lang="fr" >
<head>
<title>Ma premiere page xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Menu principal</h1>
<p>
<a href="http://www.votresite.com/index.html" >acceuil</a><br />
<a href="http://www.votresite.com/news.html" >news</a><br />
<a href="http://www.votresitegratuit.com/remerciement.html" >remerciement</a><br />
</p>
</body>
</html>
Bon, jusqu'ici, aucun problème, c'est du vue, et revue. Mais voila, tous les liens sont dans le même répertoire! Et vue que tout informaticien est "flemmard" de naissance. Donc ils embête pas, il créer un lien relatif.
Voici notre code, version lien relatif
- Code: Tout sélectionner
<!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" xml:lang="fr" >
<head>
<title>Ma premiere page xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Menu principal</h1>
<p>
<a href="index.html" >acceuil</a><br />
<a href="news.html" >news</a><br />
<a href="remerciement.html" >remerciement</a><br />
</p>
</body>
</html>
Mais comment sa fonctionne?
Comme vous le savez nous somme dans http://www.votresite.com/index.html
le navigateur sait donc que vous êtes ici http://www.monsiteweb.com
Donc voici un autre exemple avec une image, cette fois-ci (ici, on est dans http://www.google.fr/index.html )
- Code: Tout sélectionner
<img src="images/logo.gif" alt="google" />
Ici, le navigateur sait qu'il ce trouve dans http://www.google.fr, donc l'image ce trouve dans http://www.google.fr/images/logo.gif
Lien mail et lien ftp
Alors ici, vous testez juste ce code
- Code: Tout sélectionner
<!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" xml:lang="fr" >
<head>
<title>Mes liens bizard</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<A href="mailto:guille.killian@hotmail.fr">l'email de e101mk2</A>
<a href="ftp://www.monsitegratuit.com/" >le ftp de mon site gratuit </a>
</body>
</html>
Bon, ainsi s'achève le cours des liens xhtml
