fastclemmy.com

Ce log est un article en gestation qui a pour but de clarifier un peu les choses entre XHTML, CSS, sémantique, contruction par blocs, bref tout un tas de notions nouvelles pour les concepteurs web qui se cotoient et souvent se mélangent. Bien sûr incomplet pour le moment, il a vocation à être modifié/repris/amélioré et qui sait peut-être publié à terme dans une tribune plus grand public ?

Tous vos commentaires en bas de log sont les bienvenus.

Sommaire

  1. Ma page est-elle sémantique ?
  2. Ma page est-elle valide ?
  3. Ma page est-elle accessible ?
  4. Ma page est-elle "navigo-dégradable" ?

Introduction

La conception de pages web avec XHTML et CSS commence à faire parler d'elle : de plus en plus de (grands) sites adoptent cette nouvelle façon de faire : Macromedia.com, Espn.com, Wired.com, entre autres. Ce changement apporte son lot de nouveaux termes techniques qui peuvent perdre le néophyte : sémantique, validation, doctype, accessibilité, dégradabilité, etc. Il faut bien comprendre que la conception par blocs (par opposition avec la mise en page à base de tableaux) recouvre tous ces aspects de la conception web. Il s'agit de concept tous différents mais connexes : une page web bien faite doit répondre à tous ces critères.

Ce grand questionnaire est destiné à vous donner les clés pour appréhender ces concepts et à chaque page que vous produirez, vous pourrez vous posez chacune des questions suivantes.

Ma page est-elle sémantique ?

Le principe

Derrière le mot un peu abscons "sémantique" se cache une réalité toute simple : quand on fait une page XHTML, il faut utiliser les balises telles qu'elles ont été pensées. Ce n'est rien moins que de la logique pure. Si vous regarder la source de ce document par exemple, vous constaterez que les titres sont balisés avec des <h1>, <h2>, <h3>, que les paragraphes sont bien dans des balises <p> (et non pas séparés par des <br><br> intempestifs), que les listes d'éléments ordonnés utilisent des <ol><li></li></ol>, etc. Il faut donc utiliser des balises qui ont du sens.

Les implications

Cette façon de faire découle du fait qu'il faut séparer la structure du document de sa présentation : le fichier HTML constitue un squelette que l'on habille à sa guise avec un fichier CSS. C'est pourquoi l'utilisation de balises de présentation comme <b>, <i>, <u> ou autres sont totalement à proscrire : les indications de mise en forme, de positionnement des éléments sont à décrire dans le fichier CSS.

Le fait de créer une page sémantique impose d'abandonner la mise en page en tableaux, mais pas d'en proscrire absolument l'utilisation. On comprend bien qu'une page conçue avec des multiples tableaux imbriqués avec des colspan, rowspan n'est pas la bonne méthode pour structurer son document. En revanche, quelle meilleure façon de décrire un tableau de chiffres qu'avec une balise <table> ?

D'ailleurs l'abandon de la mise en page à base de tableaux pour passer à la conception par blocs réduit considérablement le poids des pages HTML (c'est le "Codons moins, codons mieux" de Denis). En éliminant les attributs de présentation du fichier HTML et en les regroupant dans une CSS, on peut gagner jusqu'à 50% sur le poids du fichier.

L'utilisation sémantique des balises favorise aussi le bon référencement auprès des moteurs de recherche. Pas très étonnant, car ceux-ci recherchent uniquement les informations textuelles du document et apprécient de voir l'information hiérarchisée avec des niveaux de titres <h1>, <h2>, <h3>.

Les outils pour tester

Il n'existe pas à proprement parler d'outil automatisé pour tester la sémantique d'un document, seul un peu d'expérience et de logique permettent de déceler les erreurs dans un document HTML.

Ma page est-elle valide ?

Le principe

Ma page est-elle accessible ?

Le principe

Ma page est-elle "navigo-dégradable" ?

Le principe

#xhtmlCSS

Vos commentaires

Gatan - site -
“En éliminant les 'atributs',…”
Bon ben juste une faute d’orthograf'

fastclemmy - site -
>Gatan
C'est corrigé.

Happy New Year 2018 Images - site -
Shop at Etsy to find unique and handmade happy new year 2018 related items directly from our sellers.

Happy New Year 2018 Greetings - site -
For this Happy New Year 2018 let us dream big and be annoyed with the simple blessings that activity has able us with. Let us accomplish boss affairs for the advancing approaching and plan acute to accomplish them. Let us not avoid the little blissful moments as they may accomplish up our day. Let us accomplish every moment memorable and aces of living. Let us bang alpha the New Year with a blithesome affection and bright apperception that will let us adjudge the appropriate affair to do. Let us airing appear the doors of arete this year.

Happy New Year 2018 Wallpapers - site -
New beginnings, beginning starts, reaffirmations of adulation and promises for a brighter approaching all appear to apperception as we ring in a New Year. There are the superficial, yet purposeful, promises we accomplish to ourselves. 2018 Best new year unique messages greeting cards wishes for your family friends and loved ones. We boldness to get in shape, lose weight, advance career paths, and the like. Then, there are the ardent promises we accomplish to others, whether aloud or in our minds. We wish to affliction more, accurate adulation more, about-face bad animosity in old relationships or seek out new admiring relationships. We try our actual best to put these desires into words. Though New Years can be a time of anniversary and cheer, there are abounding humans who are adverse difficult circumstances. They may be entering this time of year with alarm or anxiety. If that’s the case for anyone in your amphitheater of accompany or family, you can ability out and be an advance by adulatory them the best for the accessible year.

TutuApp Apk Download - site -
TUTU App is very pliable in the sense that you can use the app store for downloading and using many good applications for free

new year - site -
Happy New Year 2018 Images,Wishes,Quotes,Greetings
HAPPY NEW YEAR 2018 | HAPPY NEW YEAR 2018 IMAGES| HAPPY NEW YEAR WISHES 2018 | HAPPY NEW YEAR 2018 PHOTOS | HAPPY NEW YEAR QUOTES 2018| HAPPY NEW YEAR 2018 GREETINGS|HAPPY NEW YEAR 2018 SMS|HAPPY NEW YEAR 2018 PHOTOS| HAPPY NEW YEAR GREETINGS 2018 | HAPPY NEW YEAR PICTURES 2018| HAPPY NEW YEAR MESSAGES 2018|

Happy New Year 2018 - site -
Happy New Year 2018 Sms
Happy New Year 2018 Images
Happy New Year 2018
Happy New Year 2018 Slogans
Happy New Year 2018 Photos
Happy New Year 2018 Messages
Happy New Year 2018 Status
Happy New Year 2018 Wishes
Happy New Year 2018 Wallapers
Happy New Year 2018 Shayari
Happy New Year 2018 Gifs
Happy New Year 2018 Sayings
Happy New Year 2018 Greetings
Happy New Year 2018 Poems
Happy New Year 2018 Quotes


reni sumarsona - site -
prediksi bola online terbaik dan terpercaya hadir memberikan prediksi terakurat

gigi leung - site -
viewing ur articles give me a good idea about that thing, thank u ^^

risma - site -
Hindari untuk betting setengah-setengah atau ragu-ragu. Dengan begitu, Anda akan jauh lebih berpeluang untuk dapat meraih kemenangan secara maksimal meskipun mempergunakan modal dengan jumlah kecil.

cinema box hd app  - site -
amazing post

mu origin - site -
I am always searching online for articles that can help me. There is obviously a lot to know about this. I think you made some good points in Features also. Keep working, great job!

Grey Cup - site -
I am always searching online for articles that can help me. There is obviously a lot to know about this. I think you made some good points in Features also. Keep working, great job!

Mumbai Escorts Service - site -
Hello guys if you are wanting really make to your dating time remembering movement in your life then you can book E Mumbai escorts, escorts in Mumbai services.

Mumbai Escorts Agency - site -
Dear Independent Mumbai escorts lover welcome to Megha Patil personal dating website, I hope you are very well and miss you for relationship with me, because I am top and high profile escorts girl service provider in Mumbai.

http://www.missruhi.com/

http://missruhi1.blogspot.in/

http://www.diyagupta.com/faridabad-escorts.html

http://www.diyagupta.com/mumbai-escorts.html

http://www.callgirlinfaridabad.com/

http://callgirlinfaridabad1.blogspot.in/

http://www.escortservicesinfaridabad.com/

http://www.taajmumbaiescorts.com/

http://garimachopra.com/

http://taajmumbaiescort.blogspot.in/

http://garimachopra.blogspot.in/

http://riyadubeyescorts.blogspot.in/

http://www.meghapatil.com/

http://hiralalsharma.blogspot.in

http://www.missdaina.com/

http://riyadubey.co.in/

http://missdaina.blogspot.in/

https://hiral-sharma.blogspot.in/

https://garmiachopra.blogspot.in/

http://taaj-mumbaiescorts.blogspot.in/

http://www.haridwarescorts.in/

http://haridwar-escorts.blogspot.in/

http://www.emumbaiescorts.com/

http://www.yamithakur.com/

http://www.virgincallgirlinfaridabad.com/

http://www.russiancallgirlsinfardabad.com/

http://virgincallgirlinfaridabad.blogspot.in/

http://yamithakur.blogspot.in/

http://russiancallgirlsinfardabad.blogspot.in/

Mumbai Escorts - site -
Dear Friends don't miss golden jubilee change for save money and valuable your time call 0900000000 with Independent Mumbai escorts girl services, Diya Gupta full Day/Night available for full feel your physical satisfaction.

Faridabad Escorts Agency - site -
Hello guys if you are want to selected slim figure babes and now time to change then Good choice Independent Faridabad escorts girl service Golden Touch for you.

Faridabad Escorts Agency - site -
Friends are you ready for romance with call girls services in Faridabad then you can visit Faridabad escorts girl and find out Diya Gupta.

Independent Faridabad Escorts - site -
Dear Friends if you are want to stay at day/night with call girls services in Faridabad and Faridabad escorts girl services then you can connect with us and take enjoy with us.

new year - site -
Nice ...............aaj-mumbaiescorts.blogspot.in/

http://www.haridwarescorts.in/

http://haridwar-escorts.blogspot.in/

http://www.emumbaiescorts.com/

http://www.yamithakur.com/

http://www.virgincallgirlinfaridabad.com/

http://www.russiancallgirlsinfardabad.com/

http://virgincallgirlinfaridabad.blogspot.in/

Ajouter votre commentaire