Tag Archive pour sémantique

Etape 2 : structuration de la page

Durant cette seconde étape, nous allons concevoir la structure XHTML de la page d’accueil et de la page intérieure.
1. Le squelette de page HTML :
L’utilisation d’un “!DOCTYPE” est déterminant pour l’accessibilité.
En HTML 4.01 Strict, ce DOCTYPE s’écrira :
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
En XHTML 1.0 Strict :
<!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”>
NB […]

7 Votes | Average: 3.71 out of 57 Votes | Average: 3.71 out of 57 Votes | Average: 3.71 out of 57 Votes | Average: 3.71 out of 57 Votes | Average: 3.71 out of 5 (7 votes, note : 3.71 sur 5)
Loading ... Loading ...

Etape 3 : structuration sémantique des contenus

La structuration sémantique des contenus se résume à utiliser les bonnes balises XHTML en fonction de la nature du contenu.
Exemple : un paragraphe utilisera la balise “P”, un titre utilisera en fonction de son importance les balises “h1″ à “h6″…
1. Les balises et ressources mises en oeuvre

Entête

Logo -> A + IMG
Accroche -> DIV de classe […]

3 Votes | Average: 2.67 out of 53 Votes | Average: 2.67 out of 53 Votes | Average: 2.67 out of 53 Votes | Average: 2.67 out of 53 Votes | Average: 2.67 out of 5 (3 votes, note : 2.67 sur 5)
Loading ... Loading ...



  • Commentaires Récents

    • w3cvalidation: Nice information, I really appreciate the way you presented.
    • Chris: Bonjour, Je remarque que le tutoriel " tatatouille et Cie" date de décembre 2007. Va t-il y avoir la suite ?...
    • Clement: Sympa, mais il manque l'étape 4 avec l'ajout des images dans le site maintenant ....
  • Lectures