L'objectif est de créer un site web en Html5 de largeur fixe pour les écrans de "bureau" et étant ensuite rwd (Responsive WebDesign).
D'où l'utilisation d'un certain nombre de scripts ,dont l'appel aux médiaquerries, et de permettre aux anciens navigateurs d'être compatible.
Pour la conception j'utilise une grille de mise en page que je peux afficher par le biais du script hasgrid .Ce script hasgrid est le seul à ne pas figurer dans le head mais à la fin du body. Ainsi lorsque le site ne sera plus en développement, il suffira d’effacer ces dernières lignes.
Vous trouverez le code dans la page publiée à cet effet.
Ce nouvel élément a pour mission de devenir la cible privilégiée du lien « Aller au contenu principal ».
Son utilisation: il va remplacer la <div role=’main’> que nous utilisions jusqu'ici.!
Pour lui appliquer des styles CSS, il suffit de lui faire subir le même sort que les autres balises HTML5 article, aside, figcaption, figure, footer, header, nav et section : main { display: block }.
Cette balise est déjà disponible dans le script html5shiv.js ou dans la dernière version de Rocssti base css de Nicolas Hoffmann, inspirée de Knacss !
Parmi les restrictions, on notera que l’élément main :
Est prévu pour être seul (pas deux main dans un document),
Ne doit pas être utilisé à l’intérieur des éléments article, aside, footer, header ou nav,
Se porte mieux avec l’attribut ARIA correspondant <main role="main"></main>,
N’est pas prévu, d’une manière générale, pour servir de contenu principal d’une sous-section.
Après avoir hésité, je suis revenu sur ma décision de laisser un de mes sites sous cette version stable et maitrisée qu'est la 2.5 et me suis enfin décidé en fin de migrer vers la 3.1 sans attendre la sortie de 3.5 , version stable et longue durée ( LTS) au printemps 2014.
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.