08 novembre 2007 à 23:03

Tuto3a: les balises html +MAJ

Je commence par la maj.
On m'a signalé qu'un des fichiers n'était pas accessible... Il l'est de nouveau, je viens de le re-uploader.

Ensuite, bin suite du tuto: les balises.
on a déjà vu les balises <html>, <head> et <body>.

Voyons un peu les autres.
2 grandes parties: les balises du <head> et les balises du <body>.
Le <head> servant à identifier une page web, on ne peut pas y mettre n'importe quoi. Voyons voir ce que CB y met, ce que l'on peut ajouter...

CB:

<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<meta http-equiv="content-language" content="<$BlogLanguage$>" />
<meta name="Description" content="<$BlogDescription$>" />
<meta name="Keywords" content="<$BlogKeywords$>" />
<BlogSiteFeed>
  <link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" />
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" />
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" />

Je ne parlerai pas des balises avec un $ dedans... on y viendra plus tard.
Alors, norme xhtml: une balise qui n'encapsule pas de texte doit contenir un slash à la fin.
Mais si il y'a encapsulation, il n'y'a pas besoin de ce slash. ce que j'appelle encapsulation (ca ne doit pas etre le terme exact), c'est le fait de mettre quelque chose entre... pas très clair... demonstration:
<title><$BlogPageTitle$></title> >> il y'a quelque chose dedans. donc on a <title> [un truc] </title>
<meta name="Keywords" content="<$BlogKeywords$>" /> >> il n'ya rien... donc <meta [parametres] />

vala pour ça. Ensuite, on a 3 élements: le title, les meta et les link.
title >> titre (oui, faut être un minimum bilingue)
meta >> informations sur la page
link >> lien vers d'autre pages

Explications:

<title></title>  titre du blog. Il s'affiche sur l'onglet, dans la barre du navigateur...
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" /> encodage de la page web. Si c'est des caracteres chinois, un alphabet cyrillique ou arabe etc, etc...
<meta http-equiv="content-language" content="<$BlogLanguage$>" /> langue du blog
<meta name="Description" content="<$BlogDescription$>" /> description du blog
<meta name="Keywords" content="<$BlogKeywords$>" /> mots clefs, pour les moteurs de recherche
<BlogSiteFeed>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" /> lien RSS
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" /> lien RSD
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" /> lien CSS


Vous devinez que les balises de CB servent a remplacer automatiquement le contenu par les parametres rentrés à droite à gauche. Ca sera le Tuto4.
Ensuite, dans le head, on peut mettre également le Javascript, l'auteur, le logiciel utilisé, la date de création... ... Tout ce qui informe du contenu de la page web.
Je ne développe pas plus, car une recherche sur votre moteur de recherche favoris le fera mieux que moi.

- Tuto - Commentaires [0] - Permalien [#]

Commentaires

Poster un commentaire