introduction-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(12 intermediate revisions by 6 users not shown)
Line 1: Line 1:
[[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/bocaeth.html infinite campus]] [[http://communityfocusgroup.org/frames/themes/Gray_Matter/images/alcaplcz.html polycystic ovaries]] [[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/desedmex.html animal dinosaur kingdom ride video]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/trtrero.html sim city 4 city download]] [[http://thedirectsalescoach.com/chat/uploads/images/zelfire.html shift registers applications]] [[http://mundoip.com/in/images/listing_photos/icons/revitroc.html soundgarden]] [[http://ssug.org/dmdocuments/docs/facoreero.html women on webcam]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/bugc4t.html side effect of the cocaine lyrics]] [[http://thisismarcus.com/pmwiki/uploads/Falkenstein/thumbs/pasfac.html fishing in wy]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/fokfevzar.html chi kung]] [[http://campestremty.com/admin/imagenes/candidatos/pics/rolerwf.html multi axis milling machines]] [[http://connexone.com/files/publish/images/nrmexr.html this one for the girl lyrics]] [[http://webtools.connexone.com/counter/db/css/zcadelz.html dallas green]] [[http://yuukwi.com/groups/orca/cachejs/tmp/cagetnr.html bacillus cereus]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/daralpl.html sideling]] [[http://ssug.org/dmdocuments/docs/cenget.html evacuating rita]] [[http://wahwithds.com/pixel/UserFiles/media/kocaenb.html aluminum wheel chocks]] [[http://webtools.connexone.com/counter/db/css/quagol.html hotel safes]] [[http://loganstrickland.com/weblog/images/uploads/images/getnekoer.html meyer plastic inc]] [[http://webtools.connexone.com/counter/db/css/boacde.html mike judge films]] [[http://calloutcongress.com/uploads/thumbs/cache/robrouc4t.html bible versions]] [[http://xuquang.com/yabbfiles/Templates/Forum/default/pics/trocxqu.html squirrel repellant]] [[http://www.collegesins.com/forums/clientscript/vbulletin_css/help/rolalorn.html metallica battery]] [[http://taily.com.tw/images/thumbs/noeralde.html vincent cassel jennifer aniston dating]] [[http://www.southernjewelrynews.com/upload/Gallery/241/index.html www]] [[http://www.watchitmister.com/uploads/preview/pics/canocx.html rx drug interaction]] [[http://thisismarcus.com/pmwiki/uploads/Falkenstein/thumbs/pasdro.html joseph galler inc.]] [[http://mungojerry.com/shop/images/image_server_cache/pics/brfucn.html emilie de ravin]] [[http://protectourlittleones.com/storeadmin/files/backup/sitemap.html link]] [[http://panthersplanet.net/forums/style_images/mods/eltzel.html maryland patios]] [[http://wahwithds.com/pixel/UserFiles/media/getcof.html authoritative minesweeper]] [[http://hyelton.com/ZipZapZone.net/blog/wp-content/uploads/images/relaenlet.html pseudomembranous colitis definition]] [[http://rhodasparrots.com/jscripts/tiny_mce/plugins/ibrowser/temp/pics/sitemap.html www]] [[http://taily.com.tw/images/thumbs/loc4tcnak.html tree 63]] [[http://oildogs.com/templates/emails/files/henplqu.html tony kornheiser show xm radio]] [[http://ebizcraftsman.com/network/upload/thumbs/pics/bocdom.html albatross around neck]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/enraca.html pattaya thailand infos yellow pages]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/boroli.html homesite waterfront]] [[http://mriburlington.com/image_data/cache/zarbug.html isabella rossellini]] [[http://velixo.com/forums/style_images/ip.boardpr/folder_mime_types/pics/loacel.html oakley sun glasses big square wire]] [[http://daxue.ch/fileadmin/docs/Erfahrungsberichte/docs/konere.html two lumps]] [[http://yuukwi.com/groups/orca/cachejs/tmp/fazeleltf.html embeth davidtz]] [[http://socceragent.net/footballtrials/test/images/cabrbr.html clinical hypnosis]] [[http://sekitomokazu.com/promised-dream/forum/images/avatars/gallery/css/faracmex.html ebaumsworld joke funny movie celebrity]] [[http://pheedcentral.com/learn/uploaddata/sessions/cache/ricsitour.html kenny mckinley and south cobb]] [[http://stocktradingknowledge.com/wp-content/themes/StockTrading/icons/basfudeln.html italian pottery]] [[http://woodysfenders.com/store/media/music/lodronlot.html lost lexus key]] [[http://wahwithds.com/pixel/UserFiles/media/sitemap.html home]] [[http://webtools.connexone.com/counter/db/css/ouboalf.html baby-gift-basket]] [[http://primalparentingmagazine.com/blog/wp-content/uploads/2008/02/inbole.html recreational vehicle rentals]] [[http://mulchdesign.com/images/stories/winterfest_2005/2006/pics/vidomol.html time zone hearings]] [[http://mungojerry.com/shop/images/image_server_cache/pics/getfid.html anger management therapy]] [[http://www.watchitmister.com/uploads/preview/pics/sitemap.html link]] [[http://adsensesitesforsale.com/tags/admin/templates_c/cache/netrocd.html bio resonance therapy]] [[http://iheartbucks.com/genthumbs/pics/sitemap.html page]] [[http://odsn.myndsn.com/gallery/albums/userpics/thumbs/sitemap.html main]] [[http://upskirtcuties.net/forum/images/avatars/gallery/images/eltsaacwf.html thai models bikini]] [[http://alhadi.net/modules/news/images/storys/thumb/icons/sitemap.html http]] [[http://www.moneyandmotivation.com/admin/scripts/moz/icons/finnish/pixels/index.html links]] [[http://msryry.com/4images/data/thumbnails/27/index.html domain]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/saricdef.html ev]] [[http://mungojerry.com/shop/images/image_server_cache/pics/varfule.html prostitution indianapolis]] [[http://iheartbucks.com/genthumbs/pics/nrquaquah.html nanosystems elan]] [[http://protectourlittleones.com/storeadmin/files/backup/basdronb.html lifescan]] [[http://alhadi.net/modules/news/images/storys/thumb/icons/darnoolo.html treestands]] [[http://trantrungdao.com/wp/wp-content/themes/httpwptrantrungdaocom/images/pics/letotrca.html white cedar]] [[http://mriburlington.com/image_data/cache/cnaboc.html nissan part]] [[http://jaysilver.net/blog/wp-images/smilies/icons/oubrro.html womens scrubs]] [[http://webtools.connexone.com/counter/db/css/golvarf.html spokane community college]] [[http://datummx.com/tienda/admin/images/graphs/lines/rolrolge.html pictures of rome]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/sitemap.html more]] [[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/relderelv.html marriage family counseling]] [[http://stocktradingknowledge.com/wp-content/themes/StockTrading/icons/domwsed.html outdoor wood heat]] [[http://mungojerry.com/shop/images/image_server_cache/pics/envila.html sba loan applications]] [[http://www.janetgoodrickminiatures.co.uk/store/image_upload/thumbs/rodombugb.html millionaire match]] [[http://yuukwi.com/groups/orca/cachejs/tmp/c4tzelelt.html stacy fuson]] [[http://solarisfreeenergy.co.uk/catalog/admin/images/graphs/icons/monbug.html car financing company]] [[http://wahwithds.com/pixel/UserFiles/media/aceleltt.html causes of the greenhouse effect]] [[http://socceragent.net/footballtrials/test/images/mexoloda.html our lady queen of martyrs school michigan]] [[http://unauthorizedentry.com/phpBB2/templates/advents/scripts/xoualza.html live food for aquarium fish]] [[http://mulchdesign.com/images/stories/winterfest_2005/2006/pics/actahenta.html no deposit casinos]] [[http://datummx.com/tienda/admin/images/graphs/lines/inmoner.html scarcer]] [[http://rhodasparrots.com/jscripts/tiny_mce/plugins/ibrowser/temp/pics/trocrof.html homes for sale hillcrest]] [[http://ebsdiscounts.com/ppcprofitmachine/smarty/templates_c/images/monhenol.html shark infested custard]] [[http://oildogs.com/templates/emails/files/elgetl.html automated microscopy]] [[http://webfreepictures.com/local/cache-vignettes/L599xH600/pics/lilaelc.html tool sober]] [[http://panthersplanet.net/forums/style_images/mods/saliol.html brown v board of education]] [[http://thisismarcus.com/pmwiki/uploads/Falkenstein/thumbs/ctrocget.html prince of persia warrior within]] [[http://www.tennessee-mom.com/wp-content/uploads/2007/01/racrela.html free auction site]] [[http://webtools.connexone.com/counter/db/css/basletos.html japanese rap artists]] [[http://foruns.ds-studios.com/Themes/revisited/images/spanish/pics/aceleto.html kanye west gold digger edit]] [[http://taily.com.tw/images/thumbs/rolincach.html internet business go2clickbank.com]] [[http://alhadi.net/modules/news/images/storys/thumb/icons/letofun.html heather langenkamp]] [[http://weeksroupaslaw.com/image_data/tmp/vicbug.html message pending submission]] [[http://yuukwi.com/groups/orca/cachejs/tmp/zcnabo.html olimpics]] [[http://www.southernjewelrynews.com/upload/Gallery/241/index.html domain]] [[http://adsensesitesforsale.com/tags/admin/templates_c/cache/saouacelp.html pella windows]] [[http://ebsdiscounts.com/ppcprofitmachine/smarty/templates_c/images/norosedac.html motorola pro 3150]] [[http://oildogs.com/templates/emails/files/bugwxs.html airline tickets for europe british airways]] [[http://woodysfenders.com/store/media/music/reerdro.html embroidery library]] [[http://msryry.com/4images/data/thumbnails/27/sitemap.html map]] [[http://www.prd.senado.gob.mx/PRDnewweb/audiovisual/audioteca/cache/sedkom.html electric moped]] [[http://foruns.ds-studios.com/Themes/revisited/images/spanish/pics/enactr.html michael jordans scoring average high school]] [[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/zarwcava.html ottawan mp3]] [[http://stocktradingknowledge.com/wp-content/themes/StockTrading/icons/dompltr.html unsnap a bra]] [[http://xuquang.com/yabbfiles/Templates/Forum/default/pics/rackofa.html office on hold music cd]] [[http://mundoip.com/in/images/listing_photos/icons/ineltbas.html mesothelioma symptoms]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/varoulib.html penske]] [[http://www.collegesins.com/forums/clientscript/vbulletin_css/help/rolxacel.html syms]] [[http://stocktradingknowledge.com/wp-content/themes/StockTrading/icons/safac4t.html ambassador card]] [[http://yuukwi.com/groups/orca/cachejs/tmp/xracdr.html see you depeche mode lyric]] [[http://taily.com.tw/images/thumbs/c4telt.html qnpfr]] [[http://stocktradingknowledge.com/wp-content/themes/StockTrading/icons/inbrdo.html smoking ban]] [[http://datummx.com/tienda/admin/images/graphs/lines/ereltr.html discount cruise vacation]] [[http://tomknabe.com/upload/uploads/images/raczmexel.html manuais de motos]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/sitemap.html www]] [[http://www.moneyandmotivation.com/admin/scripts/moz/icons/finnish/pixels/acrori.html low thyroid symptom]] [[http://ssug.org/dmdocuments/docs/necacaza.html email pictures to a cell phone]] [[http://onsdesigns.com/forms/use/sampleform/files/dll/fuacwr.html rives]] [[http://iheartbucks.com/genthumbs/pics/varnrqu.html snowboard helmet]] [[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/zerenc.html bachelor parties]] [[http://upskirtcuties.net/forum/images/avatars/gallery/images/caacel.html live rear axle]] [[http://taily.com.tw/images/thumbs/fokliore.html anti aging eye cream]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/varfevn.html mount everest weather]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/decvarhen.html autocad draftsman]] [[http://weeksroupaslaw.com/image_data/tmp/alsedxcn.html wallscrolls]] [[http://calloutcongress.com/uploads/thumbs/cache/camexc.html hardwood floor]] [[http://jaysilver.net/blog/wp-images/smilies/icons/nrdehenl.html nvid]] [[http://tomknabe.com/upload/uploads/images/conoor.html apache virtual host example]] [[http://tomknabe.com/upload/uploads/images/sitmoni.html free music dowloads]] [[http://alhadi.net/modules/news/images/storys/thumb/icons/getnocamo.html 2 menstrual cycle in one month]] [[http://odsn.myndsn.com/gallery/albums/userpics/thumbs/brnrnrac.html cheque banque]] [[http://www.southernjewelrynews.com/upload/Gallery/241/getwrede.html dual disc]] [[http://calloutcongress.com/uploads/thumbs/cache/henrolqas.html direct lenders]] [[http://ssug.org/dmdocuments/docs/enquamo.html flavored gourmet coffee]] [[http://ebsdiscounts.com/ppcprofitmachine/smarty/templates_c/images/vixelcov.html east orange police dept]] [[http://taily.com.tw/images/thumbs/calafok.html video surveillance services]] [[http://crazy-tech.com/picostreamer/users/ctctctct/ports/files/index.html sitemap]] [[http://calloutcongress.com/uploads/thumbs/cache/ricolo.html edelweiss park condo]] [[http://socceragent.net/footballtrials/test/images/relzelsi.html e bay marketplace]] [[http://pheedcentral.com/learn/uploaddata/sessions/cache/xdronoure.html biting insects]] [[http://socceragent.net/footballtrials/test/images/darplre.html free preschool sunday school lessons]] [[http://webfreepictures.com/local/cache-vignettes/L599xH600/pics/acelbas.html free movies kobe tai]] [[http://webfreepictures.com/local/cache-vignettes/L599xH600/pics/lokogetro.html jim last morrison photo]] [[http://webtools.connexone.com/counter/db/css/sazarr.html bathtub babes]] [[http://hybridcarinsider.com/wp-content/themes/Hybrid/images/thumbs/index.html index]] [[http://upskirtcuties.net/forum/images/avatars/gallery/images/acelwra.html 38dd breasts]] [[http://sekitomokazu.com/promised-dream/forum/images/avatars/gallery/css/letomonme.html atv storage boxes]] [[http://odsn.myndsn.com/gallery/albums/userpics/thumbs/mexlibugr.html davidson college]] [[http://dptechnet.net/demo/baseball/scorepilot/pics/trricwor.html playboy bunny icon]] {{TOC-right}}
{{DISPLAYTITLE:Introduction aux Microformats}}
<h1>Introduction aux Microformats</h1>


== Que sont les Microformats ? ==
== Que sont les Microformats ? ==
Les microformats sont un moyen d'ajouter une syntaxe simple à des items de données lisibles par des humains, comme des événements, des détails sur un contact ou des endroits, sur des pages web, de manière à ce que l'information puisse être extraite par le logiciel et indexée, cherchée, sauvegardée, cross-référencée ou combinée.


Les microformats sont un moyen d'ajouter un simple balisage à des items de données lisibles par des humains, tels que des événements, des détails sur un contact ou des endroits, sur des pages web, de telle façon que l'information puisse être extraite par le logiciel et indexée, cherchée, sauvegardée, référencée ou combinée.
Plus techniquement, ce sont des items de langage de balisage sémantique, utilisant simplement le "bon vieux HTML sémantique" standard (à savoir [[posh-fr|CHIC]]) avec un ensemble de [[class-names-fr|noms de classes]] communs et de valeurs "[[rel-fr|rel]]". Ils sont ouverts et disponibles, librement, pour quiconque veut les utiliser.
 
Plus techniquement, ce sont des items de balisage sémantique, utilisant simplement le standard "bon vieux (X)HTML sémantique" (à savoir [[posh-fr|CHIC]]) avec un ensemble de [[class-names-fr|noms de classes]] communs et des valeurs [[rel-fr|rel]]. Ils sont ouverts et disponibles, librement, pour qui que ce soit à l'utilisation.


== Pourquoi les Microformats ? ==
== Pourquoi les Microformats ? ==
Pourquoi en sommes-nous venus aux microformats ?
Pourquoi en sommes-nous venus aux microformats ?


En bref, les microformats sont la convergence d'un certain nombre de tendances :
En bref, les microformats sont la convergence d'un certain nombre de tendances :
# une étape à venir logique dans l'évolution du "web design" et l'architecture de l'information.
# une prochaine étape suivante logique dans l'évolution du "design web" et l'architecture de l'information.
# une façon pour les éditeurs autonomes de publier eux-mêmes une information plus riche, sans devoir s'en remettre à des services centralisés.
# une façon pour les éditeurs autonomes et les organisations de publier eux-mêmes une information plus riche, sans devoir s'en remettre à des services centralisés.
# une reconnaissance du fait que (en dehors des domaines des speci<span class="notspam">alist</span>es, les efforts "traditionnels" en matière de méta-données ont soit échoué, soit pris tellement de temps pour engranger une quelconque adoption, qu'une nouvelle approche était nécessaire.
# une reconnaissance du fait que (en dehors des domaines des speci<span class="notspam">alist</span>es, les efforts "traditionnels" en matière de méta-données (par ex. les méta tags) ont soit échoué, ou soit pris tellement de temps pour engranger une quelconque adoption, qu'une nouvelle approche était nécessaire.
# une façon d'utiliser le [[(X)HTML-fr|(X)HTML]] pour les données (data).
# une façon d'utiliser du [[HTML-fr|HTML]] bien formé pour les data.


== L'Attrait vers la Simplicité ==
== L'Attrait vers la Simplicité ==
* Les microformats sont un effort simple ayant attiré beaucoup de personnes frustrées par les efforts complexes antérieurs. Un parallèle qui peut être dessiné est REST dans le monde des services web - pour en savoir plus sur REST voir [[suggested-reading-fr#REST|les lectures suggérées sur REST]].
* Les microformats sont un effort simple ayant attiré beaucoup de personnes frustrées par les efforts complexes antérieurs.  
* Voir : [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] par Justin Leavesley
 
Un parallèle qui peut être dessiné est REST dans le monde des API / services web - pour en savoir plus sur REST voir [[suggested-reading-fr#REST|les lectures suggérées sur REST]].
 
==Pour démarrer ==
 
Il est facile de démarrer avec les microformats :
* [[get-started-fr|démarrez]] en ajoutant des microformats à votre HTML
 


==En savoir plus ==
Apprenez-en plus sur les microformats à partir de microformats.org
* [http://microformats.org/about/ about page],
* [http://microformats.org/ blog],
* [[faq-fr|FAQ]],
* [[articles-fr|articles]],
* [[press-fr|presse]],
* [[presentations-fr|présentations]],
* [http://www.infosafe.fr Coffres forts et armoires fortes] data
* [[books-fr|livres]],
* [[podcasts-fr|podcasts]],
* [[screencasts-fr|screencasts]],
* et encore plus de [[suggested-reading-fr|suggestions de lecture]].
==Voir Aussi==


== Pages en rapport ==
* Une liste de [[notable-users-fr|quelques utilisateurs reconnus]].
* Les interviews dans la [[press-fr|presse]] et les [[articles-fr|articles]] sont aussi une bonne introduction.
* Voir les [[presentations-fr|présentations]] microformats pour plus de recul et un contenu d'introduction sur [[microformats-fr|microformats]].
* Ecoutez les [[podcasts-fr|podcasts]] à propos des microformats.
* Plus de [[suggested-reading-fr|lectures suggérées]]
* [[implement-fr|Ainsi vous voulez implémenter les microformats ?]]
* [[presentations-fr|présentations]]
* [[podcasts-fr|podcasts]]
* [[testimonials-fr|testimoniaux]]
* [[testimonials-fr|testimoniaux]]
* [[implement-fr|Ainsi, vous voulez implémenter des microformats ?]]
== Ressources Externes==
* La série excellente des articles d'Emily Lewis :
** [http://ablognotlimited.com/articles/tag/Getting+Semantic+series/ A Blog Not Limited: Getting Semantic With Microformats Series] -
* Sitepoint a un très beau tutoriel d'introduction :
** [http://reference.sitepoint.com/html/microformats Microformats - Plugging the Gaps in HTML] - [http://obmwiki.org/hive/XtofWiki/ComblerLesLacunesDuHTML Traduction en cours]
* Premasagar a écrit
** [http://premasagar.com/microformats/compound/ quelques beaux exemples de microformats avec la source] - [http://christopheducamp.com/microformats/MicroformatsComposes Traduction fr]


== externe ==  
== Traduction ==
* Sitepoint a un beau tutoriel d'introduction : [http://reference.sitepoint.com/html/microformats Microformats - Plugging the Gaps in HTML]  
''Pour mémoire, cette page est une traduction française de [[introduction]] page de référence en anglais''
** Traduction en cours [http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/ComblerLesLacunesDuHTML Microformats - Combler les Lacunes du HTML]
* [[introduction-pt-br]] (see also [[introduction-pt-br-2]])
* Premasagar a écrit [http://premasagar.com/microformats/compound/ quelques jolis exemples de microformats avec la source].
* ...

Latest revision as of 16:28, 18 July 2020


Que sont les Microformats ?

Les microformats sont un moyen d'ajouter une syntaxe simple à des items de données lisibles par des humains, comme des événements, des détails sur un contact ou des endroits, sur des pages web, de manière à ce que l'information puisse être extraite par le logiciel et indexée, cherchée, sauvegardée, cross-référencée ou combinée.

Plus techniquement, ce sont des items de langage de balisage sémantique, utilisant simplement le "bon vieux HTML sémantique" standard (à savoir CHIC) avec un ensemble de noms de classes communs et de valeurs "rel". Ils sont ouverts et disponibles, librement, pour quiconque veut les utiliser.

Pourquoi les Microformats ?

Pourquoi en sommes-nous venus aux microformats ?

En bref, les microformats sont la convergence d'un certain nombre de tendances :

  1. une prochaine étape suivante logique dans l'évolution du "design web" et l'architecture de l'information.
  2. une façon pour les éditeurs autonomes et les organisations de publier eux-mêmes une information plus riche, sans devoir s'en remettre à des services centralisés.
  3. une reconnaissance du fait que (en dehors des domaines des specialistes, les efforts "traditionnels" en matière de méta-données (par ex. les méta tags) ont soit échoué, ou soit pris tellement de temps pour engranger une quelconque adoption, qu'une nouvelle approche était nécessaire.
  4. une façon d'utiliser du HTML bien formé pour les data.

L'Attrait vers la Simplicité

  • Les microformats sont un effort simple ayant attiré beaucoup de personnes frustrées par les efforts complexes antérieurs.

Un parallèle qui peut être dessiné est REST dans le monde des API / services web - pour en savoir plus sur REST voir les lectures suggérées sur REST.

Pour démarrer

Il est facile de démarrer avec les microformats :

  • démarrez en ajoutant des microformats à votre HTML


En savoir plus

Apprenez-en plus sur les microformats à partir de microformats.org

Voir Aussi

Ressources Externes

Traduction

Pour mémoire, cette page est une traduction française de introduction page de référence en anglais