fastclemmy.com

Mon engagement pour la promotion des standards du web et la lecture d'une abondante littérature sur le sujet m'a permis de prendre du recul. Quelles circonstances ont amené à la prise de conscience d'une poignée de pionniers que le web faisait fausse route avec l'avenèment des logiciels WYSIWYSGWMSIE et de la mise en page en tableaux ?

Le constat n'est pas nouveau, certains pestaient déjà depuis belle lurette contre l'apparition de balises de présentation dans le langage HTML. C'est parce que la norme était laxiste que l'on a pu faire croire au gens qu'ils faisaient du HTML correct en écrivant <b>Oh le joli texte en gras</b>. Si la norme avait été stricte, la séparation radicale entre le contenu et la présentation aurait due être mise en évidence bien plus tôt. Et on passerait maintenant moins pour des intégristes fanatiques quand on fait remarquer aux concepteurs web que leur HTML est incorrect.

Norme laxiste donc, mais aussi norme lente à exister dans les faits. En effet, en termes de créativité, on s'est rapidement heurté aux limites des navigateurs web. La palette des possibilités de mise en page était suffisante pour afficher des documents relativement linéaires, mais guère sexy pour autre chose. Pour parvenir à créer des sites web visuellement attractifs, on a ainsi détourné les tableaux de leur utilisation initiale (afficher des données tabulaires) en cachant leurs bordures et en construisant ainsi des squelettes de pages faits de lignes et de colonnes. Le temps que les spécifications en termes de positionnement par CSS soient élaborées et surtout qu'elles soient intégrées dans les navigateurs web, c'était trop tard, l'avènement des tableaux était entériné. La preuve, ce n'est que depuis quelques temps que l'on a pu enfin envoyer paître les mauvais navigateurs et enfin pouvoir faire des sites jolis et conformes aux normes.

Pourquoi un tel engouement pour la mise en page à base de tableaux ? Tout simplement parce que les outils permettant de faire du HTML ont été taillés pour les concevoir ainsi ! Ignorant totalement les concepts de hiérarchisation de l'information, de sémantique ou d'accessibilité, on a vécu dans la douce illusion de la conception de sites en quelques clics de souris sous FrontPage, Dreamweaver ou GoLive. Là encore, le message qu'on essaye maintenant de faire passer consistant à dire que -malheureusement- il n'y a pratiquement qu'en utilisant un éditeur de texte et en connaissant vraiment le HTML et les CSS qu'on peut réaliser un site aux normes passe mal, merci pour nous.

A fortiori quand le navigateur web utilisé par 95% des utilisateurs (Internet Explorer pour ne pas le citer) suite à la guerre des navigateurs, est buggué et ne supporte que partiellement lesdites normes, la tâche d'évangélisateur n'est pas de tout repos !

Ainsi donc tout un tas de circonstances nous ont mené dans ce qui semble une impasse qui opposera sans fin les défenseurs d'un web fait à l'ancienne avec toutes les bonnes vieilles méthodes (mise en page en taleaux, GIF transparents, balises de présentation) et les partisans de la conception par blocs. Pourtant je commence 2004 avec encore plus d'enthousiasme qu'en 2003 : vive les standards du web !

#techno

Vos commentaires

Xian - site -
De mon avis, Internet Explorer et ses multiples bogues même en version 6.x sont un sacré frein à l'innovation. J'en ai fait la cruelle expérience lors du très récent passage "aux normes" de mon site (qui devrait bientôt valider à peu près correctement). J'avais fait de bonnes mises en pages qui marchaient parfaitement sur les nouveaux navigateurs respectueux des normes tels que Mozilla et opera, mais j'ai dû revoir mes ambitions à la baisse car la mise en place de ces designs sous IE6 était bourrés de bugs. Résultat, pour pouvoir offrir un affichage décent sur IE et à peu près identique à ceux des autres navigateurs, j'ai dû niveler la qualité de la mise en page par le bas et non par le haut.

Moe - site -
Tout d'accord dans le fond de l'article.
Mais pour l'histoire du < b > (la balise "b", si vous la voyez pas), pourquoi c'est MAL ?
C'est un sujet épineux. :)

Je viens de regarder sur les W3schools, et les *vieux* tags ne semblent pas plus à jeter que les*nouveaux*.

http://www.w3schools.com/tags/tag_font_style.asp
http://www.w3schools.com/tags/tag_phrase_elements.asp

De plus, mieux vaut voir des tags "b" que des tags "font style="" "
(tout ceci n'est que chipotage, j'avoue)
(et le coup du WYSIWYSGWMSIE c'est bien trouvé :)

Darken - site -
Vaut mieux avoir :
important
Boule de Suif
acheter du pain

que :
important
Boule de Suif
acheter du pain

Le « b » ne veut rien dire en soi :)

Darken - site -
Bon, toutes les balises de mon commentaire précédent ont sauté XD
Je retente :

Vaut mieux avoir :
<strong>important</strong>
<span class="NomDeLivre">Boule de Suif</span>
<span class="Memo">acheter du pain</span>

que :
<b>important</b>
<b>Boule de Suif</b>
<b>acheter du pain</b>

Le « b » ne veut rien dire en soi :)

JMF - site -
Pour le moi problème avec la balise b est tout simplement que c'est une balise de présentation alors que les "bonnes pratiques" veulent que le HTML soit composé uniquement de balises servant à structurer un contenu, d'où l'importance de la sémantique, contenu qui sera mis en forme par la feuille de style.

Moe -
Je me suis basé sur l'article, et j'y ai vu que Clem utilisait la balise strong.
Critiquer la balise b tout en utilisant la balise strong, j'ai du mal à comprendre.

Etant plus ou moins evangelisé, j'ai déjà du mal.
Alors imaginez le pauvre débutant qui vient de taper la balise b croyant réaliser un exploit, il retourne sous FrontPage direct. :)

JMF -
Il y a une différence fondamentale entre la balise b et la balise strong: la balise b est liée à un affichage, en l'occurence le gras, tandis que la balise strong indique que le texte qu'elle contient est important. Elle ne dit rien de son affichage qui pourra être effectivement en gras mais aussi sous toute autre forme.

C'est précisément ça la sémantique: utiliser les balises pour leur signification et non pour leur rendu. D'où l'intérêt de coder totalement sa page de manière sémantique avant de faire la mise en forme à l'aide d'une feuille de style.

Xian - site -
Je crois que JMF a parfaitement bien résumé la situation !

- site -
Efectivement, c'est la contribution que je voulais faire au billet. JMF l'a très très bien exprimé.

Cependant, il ne faut pas se jeter de lap oudre aux yeux. Plusieurs opteront également pour [strong] au lieu de [b] dans le but de sémantiser leur information pour les lecteurs alternatifs comme les lecteurs écrans du genre Jaws... qui ne supportent pas encore cette balise, aussi ridicule que cela puisse paraître... :\

Ceci dit, la sémantique derrière le code demeure l'aspect le plus important du HTML. Si on prend l'habitude de coder des [b] partouts, on ne donne pas une signification à notre intention, on donne seulement un repaire visuel qui ne fait aucun sens pour la machine qui traite a priori pour nous le contenu...

Le [b] en quelque sorte, c'est donc une fraction du [strong] et c'est pourquoi le second est préférable au premier. Ceci dit, je préfère largement utiliser [b] à font-weight: bold; ... entre deux abérations équivalentes, je préfère encore celle qui se code le plus rapidement.

Denis Boudreau - site -
oooopppsss désolé j'ai omis de m'identifier dans le commentaire précédent :)

mauriz - site -
Malheuresement, on se heurte parfois à un argumentaire aussi répandu que bancal: [b] consomme moins de bande passante que [strong]. Le prétexte de la bande passante devient alors difficile à outrepasser lorsqu'il est érigé comme rampart aux standards et à la richesse qu'ils apportent...

gizmo -
Ce à quoi il faut répondre qu'avec tout le gain de BP qu'on a déjà obtenu simplement en virant les tableaux pour la mise en page et en passant au CSS, on peut bien se permettre un petit extra comme récompense ;)

Putri Judi - site -
Situs Penyedia Informasi & Review Judi Online Indonesia

design handbags on sale - site -
very informative and you are obviously very knowledgeable in this area. You have opened my eyes to varying views on this topic with interesting and solid content. Actually I read it yesterday but I had some thoughts about it and today I wanted to read it again because it is very well written.

Limos in Oxford - site -
Its extremely brilliant YouTube video in terms of features, actually good, its quality is genuinely appreciable.

Los Gatos Spa - site -
Im obliged for the blog post.Much thanks again. Will read on...

먹튀사이트 - site -
For the reason that the YouTube movies are posted at this place same like I also embed YouTube video code at my own web page, for the reason that it is easy to obtain embedded code.

Replace Samsung battery - site -
Thanks for sharing this quality information with us. I really enjoyed reading. Will surely going to share this URL with my friends.

voucher check software - site -
YouTube is world’s biggest video sharing site, no one can defeat it. Every one upload movies at YouTube after that obtain embed code and post anywhere.

https://robux.world - site -
When you plan to utilize the brochure printing for your business growth, you need to keep in mind that there are just some things that must be considered like the type of printing,

Happy New Year 2018 HD Wallpapers - site -
to my loving family and wishing you all the love and happiness you can get

gutter cleaning dublin - site -
Thank you for taking the time to publish this information very useful!

Boss Lady Quotes - site -
I don't know about this competition before. But, I feel curious to know more about this competition.

chauffeur hire london - site -
No doubt this is an excellent post I got a lot of knowledge after reading good luck. Theme of blog is excellent there is almost everything to read, Brilliant post.

stahovanie bytov - site -
I guess I am not the only one having all the enjoyment here! Keep up the good work. Thanks once again.

stahovanie bratislava - site -
Interesting and amazing how your post is! It Is Useful and helpful for me That I like it very much, and I am looking forward to Hearing from your next..

condo chiang mai for rent - site -
This was actually what I was looking for, and I am glad to came here ! Thanks for sharing the such information with us.

detective privado Madrid - site -
Awesome article with great idea!Thank you for such a profitable article. I truly acknowledge for this extraordinary data..

weatherometer - site -
A debt of gratitude is in order for sharing the post.. folks are universes best individual in every existences of individual..they need or must succeed to manage needs of the crew.

garage door cable - site -
Simply respecting your work and considering how you dealt with this web journal so well. It's remarkable to the point that I can't stand to not experience this significant data at whatever point I surf the web!

www.pregnancyweeks.org - site -
Simply respecting your work and considering how you dealt with this web journal so well. It's remarkable to the point that I can't stand to not experience this significant data at whatever point I surf the web!

vaporizers for sale online canada - site -
It’s very easy to find out any matter on web as compared to books, as I fount this article at this web site.

MSP iPhone Tips\' moviestarplanet iPhone Tips - site -
I definitely enjoying every little bit of it. It is a great website and nice share. I want to thank you. Good job! You guys do a great blog, and have some great contents. Keep up the good work.

tattoo ideas for men - site -
I discovered your this post while hunting down some related data on site search...Its a decent post..keep posting and upgrade the data.

About - site -
Much obliged to you for the redesign, exceptionally pleasant site..

steven bowen - site -
Incredible site you have here, so much cool data!..

Chat rooms - site -
Positive site, where did u concoct the data on this posting? I'm satisfied I found it however, sick be inquiring soon to figure out what extra posts you incorporate.

solarmovies - site -
New site is solid. A debt of gratitude is in order for the colossal exertion.

iwatchfreeonline - site -
You have even figured out how to make it justifiable and simple to peruse. You have some genuine written work ability. Much obliged to you.

large hoop earrings - site -
I am trusting the same best exertion from you later on too. Truth be told your experimental writing abilities has roused me.

voyance gratuite - site -
It is truly a well-researched content and excellent wording. I got so engaged in this material that I couldn’t wait reading. I am impressed with your work and skill. Thanks.

Spell paper - site -
What you did with your website was really something it did gives me more ideas on how to make one.

school playground equipment - site -
Thanks for sharing the info, keep up the good work going.... I really enjoyed exploring your site. good resource..

how to speed up WordPress - site -
Getting excited about studying more. Good website post. Thanks Again. May read on. Key thanks for the website post. Really thank you. Hold writing. I must say i liked your website post. Thanks Again. Great.

ΑΠΟΦΡΑΞΕΙΣ ΒΥΡΩΝΑΣ ΑΤΣΑΛΙΝΑ - site -
I came onto your blog while focusing just slightly submits. Nice strategy for next, I will be bookmarking at once seize your complete rises.../">ΑΠΟΦΡΑΞΕΙΣ ΒΥΡΩΝΑΣ ΑΤΣΑΛΙΝΑ

get followers - site -
This is just the information I am finding everywhere. Thanks for your blog, I just subscribe your blog. This is a nice blog..

fraud child support - site -
Facebook Fanpage likes buy increases the popularity and improves the ranking.

john - site -
It’s my first pay a visit to this web site, and I am in fact surprised to see such a fastidious feature YouTube video posted at this point.

Ajouter votre commentaire