Balise Marquee : retour vers le futur !

Le 26 octobre 2009
Tags : , ,

Si l'article ci-dessous vous plait, faites nous de la pub, votez pour nous !

La balise marquee, voilà un sujet qui fait sourire. Je ne sais pas pour vous, mais moi, cela me rappelle ma jeunesse et le développement de mes premiers sites Web avec Netscape Composer, bref l’age d’or de la balise blink, des gif animés et… de la fameuse balise marquee.
Mais le tag marquee me rappelle aussi et surtout les blagues des geeks intégrateurs car pourquoi nier la vérité ? Si on met de côté son charme nostalgique (vous savez bien, celui qui nous fait sourire lorsqu’on parle de notre vieux pc Amstrad) et bien la balise marquee disons le : c’est un peu la balise de la honte.
Alors pourquoi un article Kiwano à propos de cette balise ?

J’étais en train de me moquer d’un site ridicule, lorsque j’ai balancé une blague sur la balise marquee. A ma grande surprise, alors que j’étais entouré de geeks limite nerds, certains n’avaient pas compris la blague.
Alors quoi !? On lit à nos enfants la lettre de Guy Mocquet mais rien sur la balise marquee ? Ce devoir de mémoire, c’était évidemment une mission pour les experts de Kiwano.
Je vous propose donc de faire rapidement le point sur cette balise obsolète avant d’envisager son futur (si, si, si !!!).

Balise HTML Marquee

A la base, cette balise était la réponse de Microsoft à la balise blink de Netscape… Tout un programme ! Pour la petite histoire, la balise blink permet de faire clignoter du texte (et de déclencher des crises d’épilepsie) alors que la balise marquee permet elle de faire défiler un texte (et d’occasioner seulement des migraines ce qui démontre bien la supériorité de Netscape sur IE).

Je vous propose un petit exemple de marquee.
<marquee>
Communiqué important : Kiwano propose des formules exceptionnelles pour le référencement à Marseille...
</marquee>

Ce qui donne le rendu suivant :
Communiqué important : Kiwano propose des formules exceptionnelles pour le référencement à Marseille…

A ma grande surprise, j’ai découvert récemment que la balise marquee est maintenant supportée par la plupart des navigateurs, même les dernières versions de Safari.

Alors pourquoi la balise marquee c’est le mal ?

Bon je sais que vous connaissez la réponse à cette question. La balise marquee c’est le mal car, si on laisse de côté les considérations ergonomiques, elle ne porte pas de valeur sémantique. C’est pour cela qu’elle est devenue obsolète et qu’il ne faut donc pas l’utiliser.

Malheureusement, il semblerait que son rendu soit apprécié dans certains cas particuliers. Ne me demandez pas d’exemple, je sèche un peu… Votre avis sur le sujet m’intéresse grandement cela va sans dire.

CSS Marquee Module Level 3

La solution élégante (tout est relatif, j’ai de vraies réticences esthétiques) est donc d’utiliser un style CSS pour la mise en page désirée. Le nouveau module CSS 3 Marquee nous donne la solution technique.

Voici donc l’exemple précédent en utilisant une bonne séparation html/css.
HTML
<p>Communiqué important : Kiwano propose des formules exceptionnelles pour le référencement à Marseille...</p>

CSS
p {
overflow-style: marquee;
}

Pour en savoir plus sur la propriété marquee en CSS, vous pouvez consultez la spécification qui est actuellement en Candidate Recommendation.

Partagez cette page :
  • Digg
  • del.icio.us
  • Reddit
  • Technorati
  • TwitThis
  • Facebook

8 commentaires pour “Balise Marquee : retour vers le futur !”

  1. Sujet surprenant … qui m’a permis de constater qu’on pouvait, ô miracle de l’HTML, imbriquer des balises marquee et des balises blink : le rêve quoi !!!
    Je vous conseille l’association [marquee] [blink] Vive le référencement naturel à Marseille. [/marquee] [/blink] Sous Firefox c’est du grand art !

  2. Voilà un article bien intéressant pour les webdesigners comme moi qui n’ont pas la culture html des débuts… Aaah, si j’avais connu la balise Marquee à l’époque où l’on faisait encore des mises en pages html en tableaux… ça m’aurait probablement évité de générer ce genre de texte défilant avec un objet flash… Merci pour cette information indispensable ;)

  3. La balise Marquee c’est dans certains cas de sites tres graphiques/flash (mais pas full flash) la seul maniere d’integrer un poil de contenu (mais pas beaucoup) pertinent. Specialement la version CSS

    Notamment par le fait que la balise marque on peut la faire defiler dans tous les sens et a des vitesses differentes, et quand on est vraiment un maniaque on peut meme la faire clignoter en plus!

  4. Bonjour,
    Comme quoi toutes les vieilleries ne sont pas forcément bonnes a jeter.
    Les puristes de la sémantique pourront comprendre qu’un message passager sans valeur de référencement peut pour l’internaute avoir un vrai intéret.
    J’utilise marquee sur mes sites perso pour indiquer les périodes de congés (d’un hotel par exemple) et tant mieux de ne pas voir arriver cette info dans un Gsnippet !!
    Une vraie balise pure visuelle zéro ref.

  5. Une nouvelle propriétés CSS qui facilite la vie, mais avant de foncer dans les nouvelles régles, faut toujours penser au adaptation des browsers, surtout que la plupart et la majorité des gens ne s’intéresse pas au sujet des mises à jours navigateurs …

  6. Je ne l’utile pas mais je pense que ça peut etre utile pour faire passer un message court et important. Bien sur c’est comme tout il ne faut pas abusé et faire une page complete avec cette balise.

  7. Non de Dieu ! J’avais oublié cette balise. OK, je vais imprimer le code sur un papyrus, le faire encadrer pour le mettre en face de mon bureau avec un cierge que je brulerais tous les jours :)))

  8. @Agence web Alsace : Kiwano soutient cette initiative

Commentaire (Commentaire de qualité, DoFollow assuré !)