Humour HTML

Allez, aujourd'hui, pas de SEO, mais du HTML. Et puis vendredi, on a parlé que de SEO jusqu'à 3 heures du matin et plus à la soirée Seosphère alors on va essayer de changer un peu de registre.

Le code HTML n'est pas réputé pour faire rire, mais en le détournant un peu, on peut faire de l'humour avec, voici donc une petite pause détente pour développeurs. Et pour une fois, c'est le graphisme qui s'y colle.

Illustrations humoristiques de balises et attributs HTML

italique


Erreur 404

a href

align:center

align:right

alt

area

blockquote

body

bold

br

button

head

hidden

img

li

nofollow

noindex

object

strike

301

 

canonical

style

iframe

 

title

 

Les images de base ayant servi a faire cette galerie ont été piochées dans Google. Si vous êtes l'auteur de l'une d'entre elles, n'hésitez pas à nous faire savoir si vous souhaitez un lien vers votre site ou même la suppression de l'image.  Merci par avance.

Infos + :

Liu Bolin

Articles connexes (fun inside) :

http://blog.axe-net.fr/code-route-seo/

http://blog.axe-net.fr/gerer-un-projet-web-en-agence/

http://blog.axe-net.fr/8-bonnes-raisons-de-detester-les-seo/

http://blog.axe-net.fr/on-ne-dit-pas/

http://blog.axe-net.fr/activite-referenceur-en-detail/

ps : ne mettez pas de balises html dans les commentaires, elles ne s'afficheraient pas.

Humour HTML
4.5 (90%) 2 votes

Partager sur Facebook
Partager sur Twitter Plein
Partager sur linkedin
Partager sur Google+

72 réflexions au sujet de « Humour HTML »

  1. Mat

    Génial, j'adore la head , c'est un montage ou le mec s'est vraiment tatoué ?
    Attention avec la noindex, tu vas avoir des problèmes 🙂

  2. Raph

    Hello Sylvain, j'avais plus ou moins deviné ton sujet dominical avec le teaser de cette semaine.
    J'ai une petite préférence pour la balise nofollow.
    Tu pourrais compléter ce billet avec un autre sur les délires de dev un peu comme le code qui fait rouler Google.
    En tout cas ça m'a fait sourire du matin devant mon café, la journée devrait être bonne

  3. Corteix

    Je m'attendais à voir les "attributs" de l'auto-stoppeuse mais tout est dans le "style" de l'article.

    Merci pour cette "Alt" dominicale .

  4. Jérémy

    J'adore, excellent montage chef ... Parler de HTML après avoir tanguer sur la péniche ne fait pas de mal en effet.

    Bon dimanche

  5. Stéphane

    Est-ce que ces clichés sont des libres de droits ou est-ce vos photos... y a-t-il un un copyright devant AxeNet en bas à droite de chacune ?
    Si elles sont libres de droits, de qeul site proviennent-elles ?

  6. Levage et manutention

    @mat non ce n'est pas un montage. Cette photo est super connue dans le monde des devs 😀

    Excellent article sinon. Ça fa plaisir un peu d'humour. La photo align:center m'a bien fait rire... mais la style est plus a mon goût ^^

  7. Sylvain Richard - AxeNet Auteur de l’article

    @ Stéphane
    Bonne question. J'ai ajouté un paragraphe en bas d'article. Il était prévu et je l'avais zappé.
    Bein, non, forcément, il n'y a pas de copyright AxeNet sur ces photos de base.

  8. Aurelien

    Tu n'as pas peur qu'on te pirate ton site et/ou qu'on te brule tes locaux? Entre les liens et les noindex, il y a du potentiel !
    J'ai bien aimé la série, un peu d'humour ne fait jamais de mal. 😉

  9. Emmanuelle

    Allez, testons si je passe en spam cette fois-ci ?

    Perso, j'adore la "hidden", super bien faite !
    Pas bien compris la "align:center", mais c'est sûrement parce que c'est un truc de mecs (ou parce que suis blonde, au choix)... j'ai rien vu de "center", moi, quoi. Je pinaille ?

    Tout ça pour dire qu'il tombe à pic cet article bien délassant, après la super soirée de vendredi...
    ...dont je ne me suis toujours pas remise, pour info... plus de mon âge, ces conneries.

  10. JEAN PHILIPPE

    Sylvain,
    Dans votre NOINDEX il y a quand même de très jolis regards qui donnent envie d'indexer...
    Après oui, certains y verront peut-être un lien avec une actualité récente...
    JP

  11. Daniel Roch

    Excellente ton idée. Mais attention, ton image hidden risque de te valoir un beau jet de cocktail Molotov par les temps qui courent...

    J'adore vraiment le strike et le Alt. Par contre, j'avoue que j'ai un peu de mal à comprendre le blockquote...

  12. Hervé

    Quoi, tu as sorti le petit canard d'Askimet ? Tu m'avais dit en cachette que tu ne le ferais pas 🙂

    Bref, un moment de détente sympa hormis le strike qui est effrayant quand on y repense 😉

  13. Julien

    Les profs devraient s'en inspirer pour illustrer leur cours d'HTML. A propos des images, je ne connaissais pas la strike qui est hallucinante. Et j'ai une question : Comment le monte (ou descend) de sa liste de vélos ?

  14. Aymeric

    Excellent tout ça, j'aime tes billets du Dimanche:) mes images préférées: 404, canonical, br, et href: supers trouvailles! Tiens, le "i" aurait pu être une péniche aussi ^^

  15. phil

    Le nofollow est terrible !! 🙂

    Comme quoi on peut avoir un profil technique et avoir de l'humour...

    Quoique...mais non... 🙂

  16. Panneaux solaires

    les images sont bien sympa, certaines étaient déjà connues. Mais les utiliser pour expliquer le html c'était nice 🙂

    Pareil que julien, le gars descend du vélo en sautant? 🙂

  17. david

    Perso j'aurais mieux vu des balises comme «strong» plutot que «b», et puis pour le noindex j'aurais plus pensé à un style="overflow:hidden;" mais c'est vrai que c'est plus css que html ...

    Il y en a d'autres, il faut réfléchir pour tout comprendre...

    Mais sympa quand même !

  18. Vincent

    Bonne idée de changer un peu du SEO, même si beaucoup de tes lecteurs n'ont pas suivi l'histoire de vendredi soir. Un peu d'humour geek ça ne fait pas de mal ^^

  19. pierre

    un peu d'humour dans ce quotidien "répétitif" de SEO, fait du bien, ça change un peu ! Marrant que la noindex soit si commentée, moi j'aurais choisi ...et pour l'image de hidden j'aurai choisis . Mais avec des j'aurais et des si...on est 1er sur google ;-). Nette préférence pour la 301...bien trouvé.

  20. Sylvain Richard - AxeNet Auteur de l’article

    @ Pierre
    1/ Si tu ne mets pas d'url, les liens ne marchent pas 🙂
    2/ Comme indiqué dans l'article, les balises ne fonctionnent pas dans les commentaires, elles sont supprimées, alors j'ai pas tout compris.
    3 / Sans doute que la noindex rappelle les mésaventures récentes de Charlie Hebdo.

  21. Le juge

    Mouahahah, IL y en a des biens droles - Ce serait bien de voir un petit billet retour sur la soirée seosphere -puisque ca a discutté SEO jusqu'a 3h du matin autour de verres... Il y en a qui aurait bien fait le déplacement et qui aimerait bien avoir un retour ...

  22. pierre

    @Sylvain
    Autant pour moi qui suis incapable de poster un commentaire en bonne et due forme. 🙂

  23. yvan

    C'est vrai que ça fait une petite pause sympa, la balise strike est quand même impressionnante et j'aimerais pas être à la place du conducteur...

  24. Thomas

    Enorme ! Un petit +1 pour le nofollow.

    En revanche, vu que je suis noob en html, il y'en a quelques que j'ai pas compris... La honte...

  25. Rom

    Excellent la balise "head"
    Joli "Hidden"
    Bien vu pour "li"
    Le no follow est parfait !
    Ca fait même rire des amis qui ne connaissent pas l'html ( après un petit brief d'explication)

  26. Christophe

    Bonjour,

    Sincèrement merci pour ce petit moment sympa avant de bosser. J'aime tout particulièrement le nofollow, noindex et iframe. Et le 404, vive les ingénieurs !
    Félicitations car les images sont très bien trouvées.

  27. cédric

    Strike, 301 et noindex ;);)
    Un peu d'humour le lundi matin c'est toujours bon à prendre.

  28. olivier

    J'ai trouvé l'article intéressant, c'est sympa de lire un blog qui développe des articles avec autant d'humour. C'est cool de pouvoir commencer son après-midi comme ça. Je surveille tous les jours votre blog dans l'attente nouveaux posts.J'ai particulièrement apprécié le précédent article.

  29. Marie

    Très très bon ! Le Nofollow et le b sont excellents 😀 ! Effectivement les cours d'html devraient commencer par ça.

  30. Lionel

    Salut Sylvain,

    Excellent billet ! Mes balises préférées sont la balise "b" et "strike". La balise "strike" est vraiment décapante !

    amicalement

  31. Anatole

    très bonne idée !

    Pour info le pont Lorem Ipsum se situe entre Rennes et Nantes, mais il peut surement y en avoir plusieurs en France !

  32. steeve

    certains sont vraiment bien trouvés !!!
    Mon Top 3 :
    - canonical
    - body
    - nofollow
    bel humour ces développeurs 🙂

  33. Guillaume

    Excellent !

    Je confirme que j'ai déjà vu le Lorem Ipsum sur la route à 110 entre Rennes et Nantes.

    j'aime beaucoup le b aussi 🙂

  34. Sophie

    Comme quoi rien ne sert de faire de grand discours, une bonne illustration suffit pour comprendre de nombreuses choses.

    Une balise canonical, comme celle de l'exemple, est une réelle avancée pour la compréhension du message de la part du visiteur.

    Beau travail de recherche !

  35. Aurélie

    Awesome ! La première c'est un montage dommage ! =)

    Certaines elle déchirent grave (d'autres un moins, d'ailleurs j'en ai même pas compris certaines ? object, no index ...)

    Par contre le strike ... juste excellent, l'image hein, le concept. Pas les conséquences pour les cyclistes, je suis pas comme ça 😛

    @Mat, lol pour le voile !

  36. sha

    Excellent!
    J'adore la subtilité des ces blagues, personnellement n'étant pas développeur j'ai du me le faire expliquer par une amie mais vraiment je trouve ça super !

  37. Robin

    Le coup du tatouage en est juste énorme... Les autres, bon, je dois pas être assez geek pour me fendre la poire, mais celui là, je le trouve absolument tripant.

    Par contre, la photo du strike est un peu gore non ?

  38. Marc

    Je propose une suite avec que les nouvelles balises HTML5, par exemple :

    - aside : associé à la balise qui le précède.
    - figure : définit des images, des diagrammes, des photos , du code etc…
    - canvas : utilisé pour afficher des éléments graphiques, il faut utiliser un script pour l’animer.

  39. Mathieu

    La photo du strike est vraie ?

    Merci pour ces photos sympas, l'humour geek dans toute sa splendeur !

  40. Raluca

    "object" c'est dégueulasse, j'ai déjà entendu parler d'un chat sur lequel on a dessiné la route... mais "align center" est vraiment comique 😀 ! tu vas peut-être avoir des réclamations qd mm !

  41. Denis

    Je n’ai pas encore prévu de cours de photo amusante, mais il faudra que j'y pense !
    Pas toujours facile de faire passer l'humour en photo, les titres des images y font beaucoup dans ces images.
    Ca m'a fait sourire, et m'apporte une occasion de poster dans ma thématique, c'est pas mal !

  42. Pansol

    Je me demande si cela ferait bien dans un rapport "client" pour expliquer le référencement et le html 😀

  43. ouaix

    ahah excellent!

    Quelques idées geek bien sympas, et j'hallucine toujours devant la légendaire 301 😉

Partagez sur :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *