posh-fr

From Microformats Wiki
Jump to navigation Jump to search

Plain Old Semantic HTML (POSH)

Bienvenue sur la page d'accueil du POSH.

Origines

L'acronyme POSH a été inventé le 6 avril 2007 sur le canal IRC des microformats, par <kwijibo> pour désigner une abréviation raccourcie de plain-old-semantic-html. Une discussion partagée par John Allsopp, Tantek Çelik, Jeremy Keith et Chris Messina lors du Dîner Microformats du 18 avril 2007 faisant suite à l'Expo Web 2.0 a fait renaître l'idée de POSH et l'importance de promouvoir l'objectif plus large de POSH, quels sont les microformats qui en sont orginaires et en sont un propre sous-ensemble. Pour en savoir plus voir Historique.

Pourquoi

Le terme html sémantique est bon en bouche et contredit à la fois sa simplicité, comment il est bien installé parmi les designers web modernes, et le fait qu'il ait des avantages qui aillent bien au delà que de faire la chose juste pour le web en utilisant un balisage sémantique. Nous avons besoin d'un terme court et facile à retenir qui capture l'essence du concept, et soit facile à conjuguer (posh, poshifier, poshed up).

Le processus du POSH

Que pouvez-vous faire pour être POSH et faire que vos sites web soient POSH ?

  1. Publier du contenu POSH. Lire les ressources posh et vous assurer que votre site web publie du (X)HTML sémantique valide,

et utilise des noms de classes sémantiques en rapport.

  1. Répandre le POSH. Encourager les autres à être POSH et à POSHIFIER leurs sites web en faisant un lien vers cette page.
  2. Améliorer le POSH. Nous aider à assembler des ressources pour permettre à plus de personnes de POSHifier facilement leurs sites web.

La Checklist POSH

Ressources

Tutoriels POSH

Etape par étape, les tutoriels pour créer du contenu POSH ou comment mettre à jour du contenu existant vers POSH.

  • valider votre css et html Un guide simple étape par étape sur la manière et les raisons pour lesquelles vous devriez valider votre syntaxe
  • ...

Signets POSH

Présentations POSH

Les présentations qui expliquent et encouragent les concepts et techniques pour l'utilisation de HTML sémantique. Si/Quand cette section sera trop importante, nous pourrons la migrer sur présentations-posh.

Les Livres POSH

Les livres de design web moderne qui documentent de bonnes pratiques html sémantique.

Magazines POSH

Les magazines en ligne (et hors-ligne) qui publient fréquemment des articles à propos du html sémantique. Si/Quand cette section sera trop grosse, nous la migrerons vers magazines-posh.

Blogs POSH

Les blogs qui postent régulièrement des discussions de grande qualité, des idées et en général sont parvenus à l'état de l'art de POSH. Si/Quand cette section sera trop importante nous la migrerons vers blogs posh.

Billets de Blog POSH

Les billets de Blog qui fournissent des trucs et techniques, spécifiques, modernes, des guides pour utiliser plus souvent et mieux le HTML sémantique. Si/Quand cette section sera trop grosse, nous la migrerons vers billets de blog posh.

  • Bed and BReakfast markup (B&BR) (2002-10-22) - éviter les utilisations non-sémantiques des tags <b>old et <br>eak et utiliser à la place les ajouts de <h3> et les <p>aragraphes.
  • <A>norexic </A>nchors (2002-11-28) - utilisation de l'attribut "id" sur les éléments existants au lieu d'ajouter des éléments vides <a name="foo"></a>. Utilisez rel-bookmark

pour poster des permaliens dans le document.

de l'attribut HTML 'class'.

de l'attribut rare "hreflang".

Voir aussi plus de blogs parlant du "semantic HTML" et POSH.

POSH Bling for your Blog

Si vous voulez améliorer votre blog existant, il existe quelques choses vraiment simples que vous pouvez faire vous-même :

WordPress

Répandez POSH

Maintenant que vous avez POSHifié vos sites web, que faire ensuite ? Bien, aidez à répandre POSH sur d'autres site web !

  • Faites la promo de POSH. Fabriquez un bouton POSH (peut-être en utilisant une sémantique HTML et CSS) faisant un lien vers cette page et placez-le sur votre site, dans votre blogroll, en pied de page, etc.

Peut-être même venez avec joli bouton graphique POSH et partagez-le avec la communauté microformats avec une licence libre (domaine public, CC-by-3.0, MIT, etc.) comme celui-ci : posh.png - CC-by-3.0

  • Parlez-en à un ami. Parlez à vos amis designers de POSH et convainquez les de poshifier leurs sites web personnels, et les sites web qu'ils construisent pour les autres. Bloguez votre expérience de poshification et les étapes que vous avez traversées pour poshifier vos sites web.

Ecrivez un témoignage POSH !

  • Revenez avec plus d'idées pour aider à propager POSH. En voici quelques-unes.
    • Organisez un POSHPit - une journée ou demi-journée de session marathon

mélangeant des experts du HTML sémantique avec des types qui maintiennent/font tourner des sites web en général, et regardez comment vous pouvez les mettre à jour en groupe vers POSH durant la journée.

    • ...

Améliorez POSH

Au fur et à mesure que vous lisez les ressources POSH documentées ici, quels sont les autres ressources POSH que vous avez trouvées ? Ajoutez-les à cette page.

Avec votre expérience et votre capacité à pouvoir à la fois poshifié vos sites et aider les autres à faire ainsi, qu'avez vous appris ? Quels sont les types de problématiques que vous avez rencontrées ? Quelles sont les questions souvent posées ? Quels seraient vos besoins pour aider facilement et rapidement plus de personnes à poshifier leurs contenus ?

Historique

Une historique rapide de références à "POSH" dans ce contexte et au "bon vieux html sémantique".

bon vieux HTML sémantique

Les premières références au "bon vieux HTML sémantique" qui ont été trouvées à cette heure sont :

Si vous pouvez trouver des références plus anciennes, ajoutez-les les svp et joignez-y une citation brève du contexte de la référence à "bon vieux html sémantique".