Microformats Wiki - User contributions [en]

blog-post-examples-fr

2017-01-28T21:13:25Z

Wwwkitssuppliescom:

= Exemples de Billets de Blog =

Cette page est pour documenter des exemples venant du vrai monde de ce que les personnes publient dans les billets de blog, quel balisage elles utilisent, et quels sont les schémas implicites qui peuvent être inférés à partir de leurs comportements. Voir aussi [[blog-post-formats-fr|blog-post-formats]], [[blog-post-brainstorming-fr|blog-post-brainstorming]], [[hatom-fr|hAtom]].

__TOC__

= Introduction =
== Participants à la Discussion ==

=== Editeur ===
* [http://blogmatrix.blogmatrix.com/ David Janes], [http://www.blogmatrix BlogMatrix, Inc.]

=== Auteurs ===
* [http://blogmatrix.blogmatrix.com/ David Janes], [http://www.blogmatrix BlogMatrix, Inc.]
* [[MichalMigurski]]

=== Contributeurs ===
* [http://rbach.priv.at/ Robert Bachmann]
* [http://tantek.com/ Tantek Çelik]
* [http://maetl.coretxt.net.nz Mark Rickerby]
* [http://bs-markup.de Björn Seibert]

=== Traduction ===

* ([[Christophe Ducamp]] - appel à révision - cette traduction est un brouillon et les exemples restent à localiser en français.)

=== Personnes intéressées ===

= Exemples Spécifiques venant de la Jungle =

== GroupeEntry ==

=== Les Entrées sont dans un bloc GroupeEntry ===
Toutes les entrées sont dans une 'div' enveloppante -- le GroupeEntry. Ceci est commun avec les pages d'accueil des blogs ([http://microformats.org/ exemple]) ou une archive avec plusieurs entrées.

<pre><nowiki>
<div id="content">
<h2 id="home-title">
Latest microformats news
<a href="http://www.microformats.org/feed/" title="link to RSS feed" id="feed-link">
<img src="/img/xml.gif" width="23" height="13" alt="XML" />
</a>
</h2>

<div class="entry">
<h3 id="post-60">
<a href="http://www.microformats.org/blog/2005/...">Wiki Attack</a>
</h3>
...
</div>

<div class="entry">
<h3 id="post-59">
<a href="http://www.microformats.org/blog/2005/...">Web Essentials Audio</a>
</h3>
...
</div>

<div class="entry">
<h3 id="post-57">
<a href="http://www.microformats.org/blog/2005/...">WebZine FollowUp</a>
</h3>
...
</div>
</div>
</nowiki></pre>

Notez aussi le header en haut expliquant ce qu'est le fil. Nous pouvons vouloir aussi exploiter ça.

=== Les Entrées sont dans un GroupeEntry explicite ===
Il y a plusieurs entrées sur une page unique mais il n'y a pas d'élément de bloc explicite pour les entrées elles-même -- même si bien sûr, il existe au moins un blog qui a les entrées : <code><body></code>. Ceci est aussi un cas d'utilisation commune pour les weblogs et aussi les archives.

=== Plusieurs GroupesEntry sur une page ===
Il peut y avoir plusieurs groupes d'entrées sur une page unique qui sont connectés ([http://news.google.ca/nwshp?hl=en&tab=wn&q= exemple-2]). Aussi, beaucoup de weblogs ont des 'miniblogs' sur le côté qui fonctionnent de la même façon.

* [http://kitssupplies.com jasa cleaning service]

<pre><nowiki>
<div id="fullcol">
<div id="sumcol">

<b>
<a href="http://kitssupplies.com/topicpage.php?topic=harrietmiers" class="linktitle">Harriet Miers</a>
</b>
</div>
<div id="commcol">
<img src="http://kitssupplies.com/topics/topic_harrietmiers_sm.png" >
</div>
<div id="commcol">

<b>
<a href="http://kitssupplies.com/pagar-stainless/" class="linktitle">pagar stainless</a>
</b>
<br>
...
</div>
<div id="commcol">

<b>
<a href="http://instapundit.com/archives/026104.php" class="linktitle">A MIERS MELTDOWN? </a>
</b>
<br>
...
</div>
</div>

<div id="fullcol">
<div id="sumcol">

<b>
<a href="http://kitssupplies.com/broker-properti-lampung/" class="linktitle">broker properti</a>
</b>
</div>
<div id="commcol">
<img src="http://kitssupplies.com/topics/topic_iraq_sm.png" >
</div>
<div id="commcol">

...
</div>
<div id="commcol">

...
</div>
</div>
</nowiki></pre>

=== Entrée unique sur une page ===
Ceci est commun avec les weblogs qui archivent sur une base par entrée ([http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]).

<pre><nowiki>
<div id="content">
<h2 id="home-title">
Latest microformats news
<a href="http://www.microformats.org/feed/" title="link to RSS feed" id="feed-link">
<img src="/img/xml.gif" width="23" height="13" alt="XML" />
</a>
</h2>
</div>
</nowiki></pre>

Note that's no guarentee that a block (as shown above as the <code>id=content</code> div) will be around the singleton entry.

== GroupeEntry Titre ==
== GroupeEntry Permalien ==
== Entrée Individuelle ==

=== Les entrées individuelles sont dans un conteneur ===
Commun.

* [http://microformats.org/ exemple]

<pre><nowiki>
<div class="entry">
<h3 id="post-60">
<a href="http://www.microformats.org/blog/2005/...">Attaque Wiki</a>
</h3>
...
</div>
</nowiki></pre>

=== Les entrées individuelles ne sont pas dans un conteneur ===
Commun.

* [http://www.jasacleaningservice.id jasa cleaning service]

<pre>
<a name="112877372228959075"> </a>
<br>
<strong>Just one problem, Minister.</strong> Last week, Bill Rammell,
<br>
</pre>

=== Entrées disjointes ===
Ce qui veut dire que tous les sous-éléments d'une entrée individuelles ne sont pas tous dans le conteneur (par exemple, l'auteur et la date peuvent se suivre dans un bloc séparé)

== Entrée Titre ==
=== Entrée Titre enveloppée dans un élément bloc <code><h#></code> ===
* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]

<pre>
<div class="entry single">
<h2 id="post-59">Web Essentials Audio</h2>
...
</div>
</pre>

=== Entrée Titre enveloppée dans un élément bloc <code><div></code> ===
''J'ai vu ça mais je ne peux trouver d'exemple, en espérant sous entendre que c'est en quelque sorte rare''.

=== Entrée Titre enveloppée dans un élément de présentation dans la ligne, tel que <code><b></code> ===
* [http://nataliesolent.blogspot.com/ exemple]

<pre>
<a name="112877372228959075"> </a>
<br>
<strong>Just one problem, Minister.</strong> Last week, Bill Rammell,
<br>
</pre>

=== Entrée Titre enveloppé dans un <code><span></code> (élément dans la ligne) ===
* [http://www.andrewsullivan.com/ exemple]

<pre>
<a name="112897777851715476"> </a>
<br>
<SPAN CLASS="inc_subtitle">EMAIL OF THE DAY II: </SPAN>"After years ...
</pre>

=== Pas d'Entrée Titre ===
* [http://www.instapundit.com/ exemple]

== Entrée Contenu ==

=== Entrée sans contenu ===
Ce qui veut dire que l'entrée a juste un lien et le titre pointant vers un URI différent (qui peut véritablement avoir du contenu). C'est quelque chose vu fréquemment sur les sites d'actualités (qui après tout, peuvent générer des fils)

* [http://www.cbc.ca/news/ exemple]

<pre><nowiki>
<ul>
<li>
<a href="/story/.../ndp-libs051016.html">NDP sets conditions for backing Liberals</a>
</li>
<li>
<a href="/story/.../teachers-bc051016.html">Go back to work, B.C. ...</a>
</li>
<li>
<a href="/story/.../alberta-strike2_051015.html">Plant managers charged ...</a>
</li>
<li>
<a href="/story/.../bc-mystery-illness051015.html">B.C. seniors' home reports...</a>
</li>
</ul>
</nowiki></pre>

=== L'Entrée ne contient que le résumé du contenu ===
Ceci est commun sur les site médias. MovableType fournit aussi ça comme une option par défaut, ainsi c'est souvent rencontré sur les blogs MT,

* [http://thecommunityengine.com/home/ exemple]

<pre><nowiki>
<div class="inlineBlog">
<h3 id="a003068">
<a href="http://thecommunityengine.com/h.../xfolk_vegomatic.html" class="taggedlink">xFolk Veg-o-matic Alpha</a>
</h3>
<p class="abstract extended">
We provide a way to surf the web and slice and dice information you find there into your own custom output stream.
</p>
<p class="categorylist">
Sections:
<a href="http://thecommunityengine.com/home/archives/tools_and_analytics" rel="tag">Tools and Analytics</a>
</p>
<p class="taglist">Topics:
<a href="http://thecommunityengine.com/home/archives/tags/greasemonkey" rel="tag">greasemonkey</a>
<a href="http://thecommunityengine.com/home/archives/tags/microformats" rel="tag">microformats</a>
<a href="http://thecommunityengine.com/home/archives/tags/xfolk" rel="tag">xFolk</a>
</p>
<p>
The folks at ... the rest of the content
</p>
<p class="extended">
<a href="http://thecommunityengine.com/.../xfolk_vegomatic.html#more">Continue reading "xFolk Veg-o-matic Alpha"</a>
</p>
...
</div>
</nowiki></pre>

Notes :
* il y a beaucoup de choses qui continuent dans ces exemple
* il y a un "abstract" en haut
* il y a des sections pour les "categories" et "tags"
* il y a une section résumé "The folks at ... the rest of the content"
* il y a un lien vers la totalité du contenu en bas

=== L'Entrée contient le contenu complet ===

* [http://www.microformats.org/blog/2005/10/19/more-than-styling/ example]

<pre><nowiki>
<div class="entry single">
<h2 id="post-61">Les attributs de classe sont plus que du stylisme</h2>

<p>Quand les gens parlent de microformats, ... </p>

<blockquote cite="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2">
... texte cité d'ailleurs
</blockquote>

<p>Il y a ici quelques points que j’aimerais éclairer ici :</p>

... plus de contenus ...

<h4 class="tags">Tags Technorati :</h4>
<ul class="tags">
<li><a href="http://www.technorati.com/tag/css" rel="tag">css</a></li>
...
</ul>

<ul class="post-info">
... trucs de pied de page ...
</ul>
</div>
</nowiki></pre>

=== L'Entrée divise le contenu en plusieurs sections ===
* [http://www.samizdata.net/blog/ exemple]
* nous identifions aussi ça comme du 'Contenu Tranché'

<pre><nowiki>
<div class="blogbody">
<a name="008148"></a>

<div class="title">
Face to face: why places will continue to exist
</div>

<div class="posted">
<strong>Brian Micklethwait (London)</strong>
  
<a href="...">Science & Technology</a>
</div>

<p>It is not just that I dislike filling in forms....</p>
... the first section of the content ...

... this link makes the extended section show ...
<span id="varP8148">
<img src="http://www.samizdata.net/blog/img/bullet_tri.gif" width="16" height="10" alt="" />
<a href="..." onclick="showMore(8148,'...');return false;">
Read more.
</a>
</span>

<div id="varXYZ8148" style="display: none">
<p>The very gadgets – computers linked...</p>
... the rest of the extended content ...

... this link makes the extended section hide ...
<img src="..." width="16" height="10" alt="" />
<a href="#008148" onclick="showMore(8148,0);return true;">
Read less.
</a>
</div>
</div>
</div>
</nowiki></pre>

== Entrée Datetimes ==
Les Datetimes sont rarement exprimées dans des formats cohérents sur les weblogs. Les weblogs expriment généralement la date de création du billet, pas l'heure de modification.

=== Dates entre les entrées de weblog ===
Ceci est un modèle commun mais pas de modèle universel vu sur les weblogs -- un header ou une div insérés entre les entrées de weblog indiquant que la date a été modifiée. Je ne peux pas trouver un exemple où ce header est systématiquement lié vers les entrées utilisant cette donnée (c.a.d. une div commune enveloppante)

* [http://dannyayers.com/ exemple]

<pre><nowiki>
<div class="post">
<h3 class="storytitle" id="post-3151"><a href="http://dannyayers.com/...">...</a></h3>
...
</div>

<div class="date">2005-10-07</div>

<div class="post">
<h3 class="storytitle" id="post-3150"><a href="http://dannyayers.com/...">...</a></h3>
...
</div>
</nowiki></pre>

=== Entrée Date ou Datetime dans l'entrée du 'footer' ===
La plupart des weblogs suivent ce modèle. Les Dates ou datetimes sont dans un format lisible par un humain de différentes façons. La date ou datetime est quelquefois aussi utilisée comme une indication du 'permalien' pour un billet.

* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]

<pre><nowiki>
<div class="entry single">
<h2 id="post-59">Web Essentials Audio</h2>

<p>...</p>
<ul class="post-info">
<li><a href="...">Friday, September 30th, 2005 at 12:31 pm</a></li>
</ul>
</div>
</nowiki></pre>

== Entrée Permaliens ==
Remarquez que non seulement certains exemples s'adaptent vraiment à plusieurs catégories, parfois les billets de blogs placent les liens multiples vers le permalien dans un billet unique (par exemple, dans le header et le footer).

=== Entrée Permalien autour ou dans le title ===
voir l'exemple suivant juste après
=== Entrée Permalien est dans le header du billet ===
voir l'exemple suivant juste après
=== Entrée Permalien utilise un URI absolu ===
* [http://microformats.org/ exemple]

<pre><nowiki>
<div class="entry">
<h3 id="post-45">
<a
href="http://www.microformats.org/blog/2005/08/21/foobar-microformats/"
rel="bookmark"
title="Lien Permanent vers la FooBar Microformats">FooBar Microformats</a>
</h3>
...
</div>
</nowiki></pre>

=== L'Entrée Permalink est dans le 'footer' du billet ===
* [http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html exemple]

<pre><nowiki>
<h3>YET ANOTHER INSTANCE OF THE WORLD FINALLY CATCHING UP TO THE BLOG</h3>
<p>Today's news: Neuticles win ... award.</p>
<p class="posted">
Posted by judi on October 7, 2005 at 05:00 PM |
<a href="http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html">Permalink</a>
</p>
</nowiki></pre>

=== L'Entrée Permalink utilise un URI relatif ===
voir l'exemple suivant juste après
=== L'Entrée Permalink inclut un fragment ===
Ceci est utilisé quand un blog archive les billets d'archives sous un groupe (disons par mois ou par semaine) plutôt que sous des billets individuels. Ceci est très commun sur les blogs les plus anciens blogspot.

* [http://nataliesolent.blogspot.com/2005_10_02_nataliesolent_archive.html#112876103554732697 exemple]

<pre><nowiki>
<a name="112876103554732697"> </a><br>
<strong>The ceremony of Explaining the Joke</strong>
<br>
<span class="byline">posted by Natalie at
<a href="2005_10_02_nataliesolent_archive.html#112876103554732697">8:18 AM</a></span>
<br>
</nowiki></pre>

=== Pas d'Entrée Permalink ===
Ceci est commun sur edes pages unique d'archives d'articles, quelques weblogs sociaux ([http://raymitheminx.blogspot.com/ example]) et la plupart des pages web des grands médias (cad des non-blogs)
* [http://instapundit.com/archives/026056.php exemple]

<pre><nowiki>
<a name="026056"></a>
<p>ACCORDING TO THE WHITE HOUSE, ... hadn't we?</p>
<div class="footer">posted at 11:35 PM by <b>Glenn Reynolds</b></div>
</nowiki></pre>

== Entrée Auteur ==

= Autres Exemples en Stock =
Exemple de billets de blogs dans des installations de logiciel de blogs non modifiées.

=== Installation Stock Wordpress 1.5 ===
<pre><nowiki>
<div class="post">
<h2 id="post-237">
<a href="http://192.168.1.113/~migurski/wordpress/?p=237"
rel="bookmark" title="Permanent Link to More election maps">More
election maps</a>
</h2>
<small>November 9th, 2004 </small>

<div class="entry">
<p>via <a href="http://www.markme.com/jd/archives/006288.cfm">John Dowdell of JD on MX:</a></p>
<blockquote>
<p>More election maps: Ben Metcalfe, a software engineer at
the BBC, has his own list here… includes some not in
that “Flash the only winner” item from The
Inquirer, which Kevin also elaborated upon. Additionally,
Andrew Lucking pointed to the…</p>
</blockquote>
</div>

<p class="postmetadata">
Posted in <a
href="http://192.168.1.113/~migurski/wordpress/index.php?cat=1"
title="View all posts in General" rel="category tag">General</a>
<strong>|</strong> <a
href="http://192.168.1.113/~migurski/wordpress/?p=237#comments">
No Comments »</a>
</p>


</div>
</nowiki></pre>

=== Installation Stock MoveableType 3.15 ===
<pre><nowiki>
<h3 id="a000002">Example Entry</h3>
<p>This is the entry body.</p>
<p class="extended"><a href="http://localhost/archives/2005/08/example_entry_1.html#more">Continue reading "Example Entry"</a></p>
<p class="posted">Posted by migurski at <a href="http://localhost/archives/2005/08/example_entry_1.html">03:49 </a> | <a href="http://localhost/archives/2005/08/example_entry_1.html#comments">Comments (0)</a></p>
</nowiki></pre>

=== Installation Stock Blosxom avec [http://blosxom.com/downloads.html "Blosxom Flavor Sampler"] ===
<pre><nowiki>
<p>
<a name="post-identifier"><b>Titre du Billet</b></a>
<br />
Texte du Billet.
</p>
<p align="right">
<i>[<a href="/permalink/post-identifier">post-identifier</a>]
<a href="/permalink/2005/08/15#post-identifier">lien permanent</a></i>
</p>
</nowiki></pre>

=== Installation Stock Textpattern 4.0.3 ===
<pre><nowiki>
<div id="content">

<h3><a href="http://txpdefault/article/2/second-post" title="Lien permanent vers cet article">Second Billet</a> · il y a quelques secondes par chris</h3>
<p>Ceci est un second billet court à des fins d'illustration.</p>

<p class="comments_invite"><a href="http://txpdefault/article/2/second-post#comment" class="comments_invite">Commentaire</a></p>
<div align="center"><img src="http://txpdefault/images/1.gif" style="height:1px;width:400px" class="divider" alt="" /></div><h3><a href="http://txpdefault/article/1/first-post" title="Lien Permanent vers cet article">Premier Billet</a> · Il y a 4 minutes par textpattern</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum est eu mauris. In volutpat blandit felis. Suspendisse eget pede. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque sed arcu. Aenean purus nulla, condimentum ac, pretium at, commodo sit amet, turpis. Aenean lacus. Ut in justo. Ut viverra dui vel ante. Duis imperdiet porttitor mi. Maecenas at lectus eu justo porta tempus. Cras fermentum ligula non purus. Duis id orci non magna rutrum bibendum. Mauris tincidunt, massa in rhoncus consectetuer, lectus dui ornare enim, ut egestas ipsum purus id urna. Vestibulum volutpat porttitor metus. Donec congue vehicula ante.</p>

<p class="comments_invite"><a href="http://txpdefault/article/1/first-post#comment" class="comments_invite">Commentaire</a> [1]</p>

<div align="center"><img src="http://txpdefault/images/1.gif" style="height:1px;width:400px" class="divider" alt="" /></div>

</div>
</nowiki></pre>

= Exemples Grossiers =

Migrés ici à partir de [[blog-description-format-fr|blog-description-format-fr]] pour des objectifs de documentation.

== Pratique existante ==

=== Emballeurs Entry ===

<pre><nowiki><div class="entry"></div></nowiki></pre>

Le format d'emballage 'entry' a un usage largement répandu, mais semble se montrer dans des contextes légèrement différents.

Quelques blogs (ala Wordpress) utilisent la div 'entry' comme un conteneur vers le corps véritable du billet, et emballent l'ensemble dans une div supplémentaire :

<pre><nowiki><div class="post">
<div class="entry">
</div>
</div></nowiki></pre>

Un vaste nombre de sites, y compris beaucoup de blogs contiennent le contenu de la page principale dans une div id="content" :

<pre><nowiki><div id="content"></div></nowiki></pre>

=== Métadonnée ===

Wordpress utilise class="postmetadata" pour contenir l'information méta, date, d'autres utilisent leurs propres syntaxes - class="topics", class="description".

=== Eléments Basiques ===

Les titres sont généralement annoncés avec un heading H2 ou H3. L'utilisation de class="title" semble rare, mais quelques sites utilisent vraiment ça pour un balisage explicite.

class="summary" est utilisé pour annoncer un résumé d'item, généralement dans un élément paragraphe.

=== Permaliens ===

rel="bookmark" et rel="permalink" sont tous deux utilisés à différents endroits pour annoncer un permalien vers l'entrée spécifiée.

=Voir aussi =
* [[blog-post-examples-fr|blog-post-exemples]]
* [[blog-post-formats-fr|blog-post-formats]]
* [[blog-post-brainstorming-fr|blog-post-brainstorming]]
* [[hatom-fr|hAtom]] - la proposition brouillon fondée sur cette information
* [[blog-description-format-fr|blog-description-format]] - comment décrire un blog (à l'inverse des entrées individuelles, ce qui est ce que nous faisons ici)

blog-post-examples-fr

2017-01-28T21:11:52Z

Wwwkitssuppliescom:

= Exemples de Billets de Blog =

Cette page est pour documenter des exemples venant du vrai monde de ce que les personnes publient dans les billets de blog, quel balisage elles utilisent, et quels sont les schémas implicites qui peuvent être inférés à partir de leurs comportements. Voir aussi [[blog-post-formats-fr|blog-post-formats]], [[blog-post-brainstorming-fr|blog-post-brainstorming]], [[hatom-fr|hAtom]].

__TOC__

= Introduction =
== Participants à la Discussion ==

=== Editeur ===
* [http://blogmatrix.blogmatrix.com/ David Janes], [http://www.blogmatrix BlogMatrix, Inc.]

=== Auteurs ===
* [http://blogmatrix.blogmatrix.com/ David Janes], [http://www.blogmatrix BlogMatrix, Inc.]
* [[MichalMigurski]]

=== Contributeurs ===
* [http://rbach.priv.at/ Robert Bachmann]
* [http://tantek.com/ Tantek Çelik]
* [http://maetl.coretxt.net.nz Mark Rickerby]
* [http://bs-markup.de Björn Seibert]

=== Traduction ===

* ([[Christophe Ducamp]] - appel à révision - cette traduction est un brouillon et les exemples restent à localiser en français.)

=== Personnes intéressées ===

= Exemples Spécifiques venant de la Jungle =

== GroupeEntry ==

=== Les Entrées sont dans un bloc GroupeEntry ===
Toutes les entrées sont dans une 'div' enveloppante -- le GroupeEntry. Ceci est commun avec les pages d'accueil des blogs ([http://microformats.org/ exemple]) ou une archive avec plusieurs entrées.

<pre><nowiki>
<div id="content">
<h2 id="home-title">
Latest microformats news
<a href="http://www.microformats.org/feed/" title="link to RSS feed" id="feed-link">
<img src="/img/xml.gif" width="23" height="13" alt="XML" />
</a>
</h2>

<div class="entry">
<h3 id="post-60">
<a href="http://www.microformats.org/blog/2005/...">Wiki Attack</a>
</h3>
...
</div>

<div class="entry">
<h3 id="post-59">
<a href="http://www.microformats.org/blog/2005/...">Web Essentials Audio</a>
</h3>
...
</div>

<div class="entry">
<h3 id="post-57">
<a href="http://www.microformats.org/blog/2005/...">WebZine FollowUp</a>
</h3>
...
</div>
</div>
</nowiki></pre>

Notez aussi le header en haut expliquant ce qu'est le fil. Nous pouvons vouloir aussi exploiter ça.

=== Les Entrées sont dans un GroupeEntry explicite ===
Il y a plusieurs entrées sur une page unique mais il n'y a pas d'élément de bloc explicite pour les entrées elles-même -- même si bien sûr, il existe au moins un blog qui a les entrées : <code><body></code>. Ceci est aussi un cas d'utilisation commune pour les weblogs et aussi les archives.

=== Plusieurs GroupesEntry sur une page ===
Il peut y avoir plusieurs groupes d'entrées sur une page unique qui sont connectés ([http://news.google.ca/nwshp?hl=en&tab=wn&q= exemple-2]). Aussi, beaucoup de weblogs ont des 'miniblogs' sur le côté qui fonctionnent de la même façon.

* [http://kitssupplies.com exemple]

<pre><nowiki>
<div id="fullcol">
<div id="sumcol">

<b>
<a href="http://kitssupplies.com/topicpage.php?topic=harrietmiers" class="linktitle">Harriet Miers</a>
</b>
</div>
<div id="commcol">
<img src="http://kitssupplies.com/topics/topic_harrietmiers_sm.png" >
</div>
<div id="commcol">

<b>
<a href="http://kitssupplies.com/pagar-stainless/" class="linktitle">pagar stainless</a>
</b>
<br>
...
</div>
<div id="commcol">

<b>
<a href="http://instapundit.com/archives/026104.php" class="linktitle">A MIERS MELTDOWN? </a>
</b>
<br>
...
</div>
</div>

<div id="fullcol">
<div id="sumcol">

<b>
<a href="http://kitssupplies.com/broker-properti-lampung/" class="linktitle">broker properti</a>
</b>
</div>
<div id="commcol">
<img src="http://kitssupplies.com/topics/topic_iraq_sm.png" >
</div>
<div id="commcol">

...
</div>
<div id="commcol">

...
</div>
</div>
</nowiki></pre>

=== Entrée unique sur une page ===
Ceci est commun avec les weblogs qui archivent sur une base par entrée ([http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]).

<pre><nowiki>
<div id="content">
<h2 id="home-title">
Latest microformats news
<a href="http://www.microformats.org/feed/" title="link to RSS feed" id="feed-link">
<img src="/img/xml.gif" width="23" height="13" alt="XML" />
</a>
</h2>
</div>
</nowiki></pre>

Note that's no guarentee that a block (as shown above as the <code>id=content</code> div) will be around the singleton entry.

== GroupeEntry Titre ==
== GroupeEntry Permalien ==
== Entrée Individuelle ==

=== Les entrées individuelles sont dans un conteneur ===
Commun.

* [http://microformats.org/ exemple]

<pre><nowiki>
<div class="entry">
<h3 id="post-60">
<a href="http://www.microformats.org/blog/2005/...">Attaque Wiki</a>
</h3>
...
</div>
</nowiki></pre>

=== Les entrées individuelles ne sont pas dans un conteneur ===
Commun.

* [http://nataliesolent.blogspot.com/ exemple]

<pre>
<a name="112877372228959075"> </a>
<br>
<strong>Just one problem, Minister.</strong> Last week, Bill Rammell,
<br>
</pre>

=== Entrées disjointes ===
Ce qui veut dire que tous les sous-éléments d'une entrée individuelles ne sont pas tous dans le conteneur (par exemple, l'auteur et la date peuvent se suivre dans un bloc séparé)

== Entrée Titre ==
=== Entrée Titre enveloppée dans un élément bloc <code><h#></code> ===
* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]

<pre>
<div class="entry single">
<h2 id="post-59">Web Essentials Audio</h2>
...
</div>
</pre>

=== Entrée Titre enveloppée dans un élément bloc <code><div></code> ===
''J'ai vu ça mais je ne peux trouver d'exemple, en espérant sous entendre que c'est en quelque sorte rare''.

=== Entrée Titre enveloppée dans un élément de présentation dans la ligne, tel que <code><b></code> ===
* [http://nataliesolent.blogspot.com/ exemple]

<pre>
<a name="112877372228959075"> </a>
<br>
<strong>Just one problem, Minister.</strong> Last week, Bill Rammell,
<br>
</pre>

=== Entrée Titre enveloppé dans un <code><span></code> (élément dans la ligne) ===
* [http://www.andrewsullivan.com/ exemple]

<pre>
<a name="112897777851715476"> </a>
<br>
<SPAN CLASS="inc_subtitle">EMAIL OF THE DAY II: </SPAN>"After years ...
</pre>

=== Pas d'Entrée Titre ===
* [http://www.instapundit.com/ exemple]

== Entrée Contenu ==

=== Entrée sans contenu ===
Ce qui veut dire que l'entrée a juste un lien et le titre pointant vers un URI différent (qui peut véritablement avoir du contenu). C'est quelque chose vu fréquemment sur les sites d'actualités (qui après tout, peuvent générer des fils)

* [http://www.cbc.ca/news/ exemple]

<pre><nowiki>
<ul>
<li>
<a href="/story/.../ndp-libs051016.html">NDP sets conditions for backing Liberals</a>
</li>
<li>
<a href="/story/.../teachers-bc051016.html">Go back to work, B.C. ...</a>
</li>
<li>
<a href="/story/.../alberta-strike2_051015.html">Plant managers charged ...</a>
</li>
<li>
<a href="/story/.../bc-mystery-illness051015.html">B.C. seniors' home reports...</a>
</li>
</ul>
</nowiki></pre>

=== L'Entrée ne contient que le résumé du contenu ===
Ceci est commun sur les site médias. MovableType fournit aussi ça comme une option par défaut, ainsi c'est souvent rencontré sur les blogs MT,

* [http://thecommunityengine.com/home/ exemple]

<pre><nowiki>
<div class="inlineBlog">
<h3 id="a003068">
<a href="http://thecommunityengine.com/h.../xfolk_vegomatic.html" class="taggedlink">xFolk Veg-o-matic Alpha</a>
</h3>
<p class="abstract extended">
We provide a way to surf the web and slice and dice information you find there into your own custom output stream.
</p>
<p class="categorylist">
Sections:
<a href="http://thecommunityengine.com/home/archives/tools_and_analytics" rel="tag">Tools and Analytics</a>
</p>
<p class="taglist">Topics:
<a href="http://thecommunityengine.com/home/archives/tags/greasemonkey" rel="tag">greasemonkey</a>
<a href="http://thecommunityengine.com/home/archives/tags/microformats" rel="tag">microformats</a>
<a href="http://thecommunityengine.com/home/archives/tags/xfolk" rel="tag">xFolk</a>
</p>
<p>
The folks at ... the rest of the content
</p>
<p class="extended">
<a href="http://thecommunityengine.com/.../xfolk_vegomatic.html#more">Continue reading "xFolk Veg-o-matic Alpha"</a>
</p>
...
</div>
</nowiki></pre>

Notes :
* il y a beaucoup de choses qui continuent dans ces exemple
* il y a un "abstract" en haut
* il y a des sections pour les "categories" et "tags"
* il y a une section résumé "The folks at ... the rest of the content"
* il y a un lien vers la totalité du contenu en bas

=== L'Entrée contient le contenu complet ===

* [http://www.microformats.org/blog/2005/10/19/more-than-styling/ example]

<pre><nowiki>
<div class="entry single">
<h2 id="post-61">Les attributs de classe sont plus que du stylisme</h2>

<p>Quand les gens parlent de microformats, ... </p>

<blockquote cite="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2">
... texte cité d'ailleurs
</blockquote>

<p>Il y a ici quelques points que j’aimerais éclairer ici :</p>

... plus de contenus ...

<h4 class="tags">Tags Technorati :</h4>
<ul class="tags">
<li><a href="http://www.technorati.com/tag/css" rel="tag">css</a></li>
...
</ul>

<ul class="post-info">
... trucs de pied de page ...
</ul>
</div>
</nowiki></pre>

=== L'Entrée divise le contenu en plusieurs sections ===
* [http://www.samizdata.net/blog/ exemple]
* nous identifions aussi ça comme du 'Contenu Tranché'

<pre><nowiki>
<div class="blogbody">
<a name="008148"></a>

<div class="title">
Face to face: why places will continue to exist
</div>

<div class="posted">
<strong>Brian Micklethwait (London)</strong>
  
<a href="...">Science & Technology</a>
</div>

<p>It is not just that I dislike filling in forms....</p>
... the first section of the content ...

... this link makes the extended section show ...
<span id="varP8148">
<img src="http://www.samizdata.net/blog/img/bullet_tri.gif" width="16" height="10" alt="" />
<a href="..." onclick="showMore(8148,'...');return false;">
Read more.
</a>
</span>

<div id="varXYZ8148" style="display: none">
<p>The very gadgets – computers linked...</p>
... the rest of the extended content ...

... this link makes the extended section hide ...
<img src="..." width="16" height="10" alt="" />
<a href="#008148" onclick="showMore(8148,0);return true;">
Read less.
</a>
</div>
</div>
</div>
</nowiki></pre>

== Entrée Datetimes ==
Les Datetimes sont rarement exprimées dans des formats cohérents sur les weblogs. Les weblogs expriment généralement la date de création du billet, pas l'heure de modification.

=== Dates entre les entrées de weblog ===
Ceci est un modèle commun mais pas de modèle universel vu sur les weblogs -- un header ou une div insérés entre les entrées de weblog indiquant que la date a été modifiée. Je ne peux pas trouver un exemple où ce header est systématiquement lié vers les entrées utilisant cette donnée (c.a.d. une div commune enveloppante)

* [http://dannyayers.com/ exemple]

<pre><nowiki>
<div class="post">
<h3 class="storytitle" id="post-3151"><a href="http://dannyayers.com/...">...</a></h3>
...
</div>

<div class="date">2005-10-07</div>

<div class="post">
<h3 class="storytitle" id="post-3150"><a href="http://dannyayers.com/...">...</a></h3>
...
</div>
</nowiki></pre>

=== Entrée Date ou Datetime dans l'entrée du 'footer' ===
La plupart des weblogs suivent ce modèle. Les Dates ou datetimes sont dans un format lisible par un humain de différentes façons. La date ou datetime est quelquefois aussi utilisée comme une indication du 'permalien' pour un billet.

* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ exemple]

<pre><nowiki>
<div class="entry single">
<h2 id="post-59">Web Essentials Audio</h2>

<p>...</p>
<ul class="post-info">
<li><a href="...">Friday, September 30th, 2005 at 12:31 pm</a></li>
</ul>
</div>
</nowiki></pre>

== Entrée Permaliens ==
Remarquez que non seulement certains exemples s'adaptent vraiment à plusieurs catégories, parfois les billets de blogs placent les liens multiples vers le permalien dans un billet unique (par exemple, dans le header et le footer).

=== Entrée Permalien autour ou dans le title ===
voir l'exemple suivant juste après
=== Entrée Permalien est dans le header du billet ===
voir l'exemple suivant juste après
=== Entrée Permalien utilise un URI absolu ===
* [http://microformats.org/ exemple]

<pre><nowiki>
<div class="entry">
<h3 id="post-45">
<a
href="http://www.microformats.org/blog/2005/08/21/foobar-microformats/"
rel="bookmark"
title="Lien Permanent vers la FooBar Microformats">FooBar Microformats</a>
</h3>
...
</div>
</nowiki></pre>

=== L'Entrée Permalink est dans le 'footer' du billet ===
* [http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html exemple]

<pre><nowiki>
<h3>YET ANOTHER INSTANCE OF THE WORLD FINALLY CATCHING UP TO THE BLOG</h3>
<p>Today's news: Neuticles win ... award.</p>
<p class="posted">
Posted by judi on October 7, 2005 at 05:00 PM |
<a href="http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html">Permalink</a>
</p>
</nowiki></pre>

=== L'Entrée Permalink utilise un URI relatif ===
voir l'exemple suivant juste après
=== L'Entrée Permalink inclut un fragment ===
Ceci est utilisé quand un blog archive les billets d'archives sous un groupe (disons par mois ou par semaine) plutôt que sous des billets individuels. Ceci est très commun sur les blogs les plus anciens blogspot.

* [http://nataliesolent.blogspot.com/2005_10_02_nataliesolent_archive.html#112876103554732697 exemple]

<pre><nowiki>
<a name="112876103554732697"> </a><br>
<strong>The ceremony of Explaining the Joke</strong>
<br>
<span class="byline">posted by Natalie at
<a href="2005_10_02_nataliesolent_archive.html#112876103554732697">8:18 AM</a></span>
<br>
</nowiki></pre>

=== Pas d'Entrée Permalink ===
Ceci est commun sur edes pages unique d'archives d'articles, quelques weblogs sociaux ([http://raymitheminx.blogspot.com/ example]) et la plupart des pages web des grands médias (cad des non-blogs)
* [http://instapundit.com/archives/026056.php exemple]

<pre><nowiki>
<a name="026056"></a>
<p>ACCORDING TO THE WHITE HOUSE, ... hadn't we?</p>
<div class="footer">posted at 11:35 PM by <b>Glenn Reynolds</b></div>
</nowiki></pre>

== Entrée Auteur ==

= Autres Exemples en Stock =
Exemple de billets de blogs dans des installations de logiciel de blogs non modifiées.

=== Installation Stock Wordpress 1.5 ===
<pre><nowiki>
<div class="post">
<h2 id="post-237">
<a href="http://192.168.1.113/~migurski/wordpress/?p=237"
rel="bookmark" title="Permanent Link to More election maps">More
election maps</a>
</h2>
<small>November 9th, 2004 </small>

<div class="entry">
<p>via <a href="http://www.markme.com/jd/archives/006288.cfm">John Dowdell of JD on MX:</a></p>
<blockquote>
<p>More election maps: Ben Metcalfe, a software engineer at
the BBC, has his own list here… includes some not in
that “Flash the only winner” item from The
Inquirer, which Kevin also elaborated upon. Additionally,
Andrew Lucking pointed to the…</p>
</blockquote>
</div>

<p class="postmetadata">
Posted in <a
href="http://192.168.1.113/~migurski/wordpress/index.php?cat=1"
title="View all posts in General" rel="category tag">General</a>
<strong>|</strong> <a
href="http://192.168.1.113/~migurski/wordpress/?p=237#comments">
No Comments »</a>
</p>


</div>
</nowiki></pre>

=== Installation Stock MoveableType 3.15 ===
<pre><nowiki>
<h3 id="a000002">Example Entry</h3>
<p>This is the entry body.</p>
<p class="extended"><a href="http://localhost/archives/2005/08/example_entry_1.html#more">Continue reading "Example Entry"</a></p>
<p class="posted">Posted by migurski at <a href="http://localhost/archives/2005/08/example_entry_1.html">03:49 </a> | <a href="http://localhost/archives/2005/08/example_entry_1.html#comments">Comments (0)</a></p>
</nowiki></pre>

=== Installation Stock Blosxom avec [http://blosxom.com/downloads.html "Blosxom Flavor Sampler"] ===
<pre><nowiki>
<p>
<a name="post-identifier"><b>Titre du Billet</b></a>
<br />
Texte du Billet.
</p>
<p align="right">
<i>[<a href="/permalink/post-identifier">post-identifier</a>]
<a href="/permalink/2005/08/15#post-identifier">lien permanent</a></i>
</p>
</nowiki></pre>

=== Installation Stock Textpattern 4.0.3 ===
<pre><nowiki>
<div id="content">

<h3><a href="http://txpdefault/article/2/second-post" title="Lien permanent vers cet article">Second Billet</a> · il y a quelques secondes par chris</h3>
<p>Ceci est un second billet court à des fins d'illustration.</p>

<p class="comments_invite"><a href="http://txpdefault/article/2/second-post#comment" class="comments_invite">Commentaire</a></p>
<div align="center"><img src="http://txpdefault/images/1.gif" style="height:1px;width:400px" class="divider" alt="" /></div><h3><a href="http://txpdefault/article/1/first-post" title="Lien Permanent vers cet article">Premier Billet</a> · Il y a 4 minutes par textpattern</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum est eu mauris. In volutpat blandit felis. Suspendisse eget pede. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque sed arcu. Aenean purus nulla, condimentum ac, pretium at, commodo sit amet, turpis. Aenean lacus. Ut in justo. Ut viverra dui vel ante. Duis imperdiet porttitor mi. Maecenas at lectus eu justo porta tempus. Cras fermentum ligula non purus. Duis id orci non magna rutrum bibendum. Mauris tincidunt, massa in rhoncus consectetuer, lectus dui ornare enim, ut egestas ipsum purus id urna. Vestibulum volutpat porttitor metus. Donec congue vehicula ante.</p>

<p class="comments_invite"><a href="http://txpdefault/article/1/first-post#comment" class="comments_invite">Commentaire</a> [1]</p>

<div align="center"><img src="http://txpdefault/images/1.gif" style="height:1px;width:400px" class="divider" alt="" /></div>

</div>
</nowiki></pre>

= Exemples Grossiers =

Migrés ici à partir de [[blog-description-format-fr|blog-description-format-fr]] pour des objectifs de documentation.

== Pratique existante ==

=== Emballeurs Entry ===

<pre><nowiki><div class="entry"></div></nowiki></pre>

Le format d'emballage 'entry' a un usage largement répandu, mais semble se montrer dans des contextes légèrement différents.

Quelques blogs (ala Wordpress) utilisent la div 'entry' comme un conteneur vers le corps véritable du billet, et emballent l'ensemble dans une div supplémentaire :

<pre><nowiki><div class="post">
<div class="entry">
</div>
</div></nowiki></pre>

Un vaste nombre de sites, y compris beaucoup de blogs contiennent le contenu de la page principale dans une div id="content" :

<pre><nowiki><div id="content"></div></nowiki></pre>

=== Métadonnée ===

Wordpress utilise class="postmetadata" pour contenir l'information méta, date, d'autres utilisent leurs propres syntaxes - class="topics", class="description".

=== Eléments Basiques ===

Les titres sont généralement annoncés avec un heading H2 ou H3. L'utilisation de class="title" semble rare, mais quelques sites utilisent vraiment ça pour un balisage explicite.

class="summary" est utilisé pour annoncer un résumé d'item, généralement dans un élément paragraphe.

=== Permaliens ===

rel="bookmark" et rel="permalink" sont tous deux utilisés à différents endroits pour annoncer un permalien vers l'entrée spécifiée.

=Voir aussi =
* [[blog-post-examples-fr|blog-post-exemples]]
* [[blog-post-formats-fr|blog-post-formats]]
* [[blog-post-brainstorming-fr|blog-post-brainstorming]]
* [[hatom-fr|hAtom]] - la proposition brouillon fondée sur cette information
* [[blog-description-format-fr|blog-description-format]] - comment décrire un blog (à l'inverse des entrées individuelles, ce qui est ce que nous faisons ici)

directions-examples

2017-01-28T21:07:35Z

Wwwkitssuppliescom: /* directions examples */

= directions examples =

Examples for a possible [[directions]] microformat.

Per the microformats [[process]], the first thing to do in the investigation/creation of a new microformat is to research existing examples of directions published on the Web.

__TOC__

== contributors ==

* JustinLilly
* TantekÇelik
* BretonSlivka
* KevinMarks
* AndyHume
* JeremyHuylebroeck
* RussNelson
*[[AndyMabbett|Andy Mabbett]]
==Examples==

Get examples from Google Maps, MSN Maps, Yahoo Maps, and note implicit schemas.

===Google Maps===

<pre>
Start address: 50 California St
San Francisco, CA 94111
End address: 10 Market St
San Francisco, CA 94111
Distance: 0.2 mi (about 24 secs)
Reverse directions

1. 1. Head east from California St - go 177 ft
2. 2. Turn right at Drumm St - go 149 ft
3. 3. Turn left at Market St - go 0.1 mi
</pre>

====source==== (via firefox's dom inspector)

<pre>
<table class="summary">
<tbody>
<tr onclick="openInfoWindow('start')" class="milestone">
<td class="name link">
<a onclick="this.blur()" href="javascript:void(0)">
Start address
</a>
:
</td>
<td class="value" id="panel_start">
50 California St
<br />
San Francisco, CA 94111
<br />
</td>
</tr>
<tr onclick="openInfoWindow('end')" class="milestone">
<td class="name">
<a onclick="this.blur()" href="javascript:void(0)">
End address
</a>
:
</td>
<td class="value" id="panel_end">
10 Market St
<br />
San Francisco, CA 94111
<br />
</td>
</tr>
<tr>
<td class="name">
Distance:
</td>
<td class="value">
0.2 mi (about 24 secs)
</td>
</tr>
</tbody>
</table>
<div class="reverse">
<a onclick="return loadUrl(this.href)" href="/maps?f=d&hl=en&sll=37.79449,-122.395015&sspn=0.048969,0.081711&saddr=10+market+st,+san+francisco&daddr=50+california+st,+san+francisco">
Reverse directions
</a>
</div>
<div class="printspacer noscreen">
 
</div>
<table class="steps">
<tbody>
<tr onclick="showPolylineBlowup('d', 0)">
<td class="num noprint">
<a href="javascript:void(0)">
1
</a>
.
</td>
<td class="num noscreen">
1.
</td>
<td id="panel_0" class="desc">
Head
<b>
east
</b>
from
<b>
California St
</b>
- go 
<b>
177 ft
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 2)">
<td class="num noprint">
<a href="javascript:void(0)">
2
</a>
.
</td>
<td class="num noscreen">
2.
</td>
<td id="panel_2" class="desc">
Turn
<b>
right
</b>
at
<b>
Drumm St
</b>
- go 
<b>
149 ft
</b>
</td>
</tr>
<tr onclick="showPolylineBlowup('d', 4)">
<td class="num noprint">
<a href="javascript:void(0)">
3
</a>
.
</td>
<td class="num noscreen">
3.
</td>
<td id="panel_4" class="desc">
Turn
<b>
left
</b>
at
<b>
Market St
</b>
- go 
<b>
0.1 mi
</b>
</td>
</tr>
</tbody>
</table>

</pre>

====Google Maps route to GPX convertor====
[http://www.gnuite.com/nokia770/maemo-mapper Maemo-mapper] runs on the Nokia 770. It supports use with a bluetooth GPS receiver. It reformats Google Maps directions into a GPX file, and will display that route and announce turns as you approach them.

===MSN maps===

<pre>
Start: 1600 Pennsylvania Ave NW, Washington, DC 20006
End: 15th St NW & Constitution Ave NW, Washington, DC 20004
Total Distance: 0.6 Miles
Estimated Total Time: 4 minutes
Directions Miles
Start: Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East) < 0.1
1: Turn RIGHT (South) onto E Executive Ave NW 0.2
2: Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW 0.4

Map Image
End: Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004
</pre>

====Source====

<pre>
<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableStartText">
Start:
</span>
Depart 1600 Pennsylvania Ave NW, Washington, DC 20006 on Local road(s) (East)
</td>
<td class="RTText" align="Right" width="40">
< 0.1
</td>
</tr>
<tr>
<td class="RTText">
<b>
1:
</b>
Turn RIGHT (South) onto E Executive Ave NW
</td>
<td class="RTText" align="Right" width="40">
0.2
</td>
</tr>
<tr>
<td class="RTText">
<b>
2:
</b>
Turn LEFT (East) onto Alexander Hamilton Pl NW, then immediately turn RIGHT (South) onto 15th St NW
</td>
<td class="RTText" align="Right" width="40">
0.4
</td>
</tr>
</table>
</td>
<td class="RTRow" align="Right" valign="Top" height="10">
 
</td>
</tr>
<tr>
<td class="RTRow">
 
<img style="border-color:#C7BCA2;" alt="Map Image" src="/I/spacer.gif" width="0" height="0" border="0" name="MapImg1">
</td>
</tr>
<tr>
<td class="RTRowDark" valign="Top" colspan="2" rowspan="2">
<table class="NoBorder" border="0" width="100%">
<tr>
<td class="RTText">
<span class="RouteTableEndText">
End:
</span>
Arrive 15th St NW & Constitution Ave NW, Washington, DC 20004
</td>
<td class="RTText" width="40">
 
</td>
</tr>
</table>
</pre>

=== Yahoo Maps ===

<pre>
Starting from: A 50 California St, San Francisco, CA, 94111-4624 Save Address
Arriving At: B 10 Market St, San Francisco, CA, 94111-4801 Save Address
Distance: 0.2 miles Approximate time: 1 min Get Reverse Directions

Map Image

Directions Show turn by turn maps
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go < 0.1 mi
2. Turn R on DRUMM ST - go < 0.1 mi
3. Turn L on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the L
</pre>

==== Source ====

<pre>
<table border=0 cellspacing=0 cellpadding=2 id="ymaprt">
<tr>
<th align=right valign=top width="1%" nowrap class="ymaprtpts"><small><b>Starting from:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_a.gif" height=16 width=16 alt="1 "> 50 California St, San Francisco, CA 94111-4624
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_from;_ylt=AoqfcLOH0rfreiqhx67WzrQa3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=50 California St&.zip=San Francisco, CA 94111-4624&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>
<tr>
<th align=right valign=top class="ymaprtpts"><small><b>Arriving at:</b></small></th>
<td colspan=4><img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp16_b.gif" height=16 width=16 alt="2 "> 10 Market St, San Francisco, CA 94111-4801
<small><a href="http://us.rd.yahoo.com/maps/ddresult/save_to;_ylt=AiWgw9KytDi4XuzF4YWGFz0a3kcC/*-http://login.yahoo.com/config/set_yp?.src=mp&.page=p1&.cmd=n&.yn=&.st=10 Market St&.zip=San Francisco, CA 94111-4801&.country=US&.done=http://maps.yahoo.com/dd_result?newaddr%3D50%2BCalifornia%2BSt%26taddr%3D10%2BMarket%2BSt%26csz%3DSan%2BFrancisco%252C%2BCA%2B94111%26country%3Dus%26tcsz%3DSan%2BFrancisco%252C%2BCA%2B94111%26tcountry%3Dus">Save Address</a></small></tr>

<tr>
<th align=right class="ymaprtpts"><small><b>Distance:</b></small></th>
<td width="1%" nowrap>0.2 miles</td>
<th align=right width="1%" nowrap class="ymaprtpts"><small><b>Approximate Travel Time:</b></small></th>
<td>
1 min
</td>
<td align=right valign=bottom width="1%" nowrap>
<a href="http://us.rd.yahoo.com/maps/ddresult/reverseDD;_ylt=ArvjuCZ_I5Gc4JyrHRFQIaEa3kcC/*-http://maps.yahoo.com/dd_result?ed=_YaYzuV.winqVL64AzOmYypNBUy1fFVhwugBQs_Pogbl1WImEFx_H1JxBITyDts-&name=&csz=San+Francisco%2C+CA+94111-4801&country=US&desc=&tname=&tcsz=San+Francisco%2C+CA+94111-4624&tcountry=US&tdesc=&ds=g&tbt=0&trf=0&textonly=0&oerr=&terr=">
<small class="ygver">Get Reverse Directions</small>
</a>
</td>

</tr>
</table>

Links for sending the directions
MAP IMAGE

<div id="ymapdir">

<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center><tr><th align=left><b class="ygver">Directions</b></th><th align=right><small><b>
<a href="http://us.rd.yahoo.com/maps/ddresult/tbt_on;_ylt=AtcdCayUHXlA8L0yvev28Jwa3kcC/*-http://maps.yahoo.com/dd_result?newaddr=50+California+St&taddr=10+Market+St&csz=San+Francisco%2C+CA+94111&country=us&tcsz=San+Francisco%2C+CA+94111&tcountry=us&tbt=1">Show Turn by Turn Maps</a></b></small></th></tr>
</table>
<table width="100%" border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td>1.</td><td>Start at <b>50</b> <b>CALIFORNIA</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO</b> - go <b>< 0.1</b> mi</td></tr><tr><td>2.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_r.gif" alt=Right align=absmiddle> on <b>DRUMM</b> <b>ST</b> - go <b>< 0.1</b> mi</td></tr><tr><td>3.</td><td>Turn <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> on <b>MARKET</b> <b>ST</b> - go <b>0.1</b> mi</td></tr><tr><td>4.</td><td>Arrive at <b>10</b> <b>MARKET</b> <b>ST,</b> <b>SAN</b> <b>FRANCISCO,</b> on the <img src="http://us.i1.yimg.com/us.yimg.com/i/us/mp/gr/mp22_l.gif" alt=Left align=absmiddle> </td></tr></table>

</div>
</pre>

===Yahoo Maps (Beta)===

<pre>
V GET MAP AND DIRECTIONS Clear

A 50 California St San Francisco, CA 94111 [x]
[] Make this my default Yahoo! location
1. Start at 50 CALIFORNIA ST, SAN FRANCISCO - go 0.0 mi
2. Turn Right on DRUMM ST - go 0.0 mi
3. Turn Left on MARKET ST - go 0.1 mi
4. Arrive at 10 MARKET ST, SAN FRANCISCO, on the Left

B 10 Market St San Francisco, CA 94111 [x]
C Address, City State [x]

Distance 0.2 mi Time: 1 mins (approx)
Reverse Directions | Roundtrip GO
</pre>

====Source====

Its all based on flash, and thus is not applicable.

===Multimap===

Multimap provides explicit start and finish times for the overall route, as well as individual timings for each step. There is also notification of specific toll roads or areas, such as the London congestion charge. [http://www.multimap.com/map/aproute.cgi?client=public&startx=531160&starty=181635&endx=531422&endy=181181&startrd=&starttown=&startpc=EC1N%202NS&startcountry=GB&endrd=Fleet%20Street&endtown=LONDON&endpc=EC4&endcountry=GB&rn=GB&qs=q&starttime=20:17&input_rt=aproute_pan&lang= Routing results page]

<pre>
Estimated duration:
0 hours, 1 minutes
Departure time:
20:17
Estimated arrival time:
20:18
Total distance:
0.6 miles (0.9 km)
Number of steps:
4

1 Depart on A40 High Holburn for 0.2 miles Map 0 miles (0 km) 20:17
2 At the roundabout, take the fifth exit onto A4 New Fetter Lane for 0.3 miles Map 0.2 miles (0.3 km) 20:17
3 Turn left onto Fleet Street for 0.1 miles Map 0.5 miles (0.8 km) 20:18
4 Arrive at your destination for 0 miles Map 0.6 miles (0.9 km) 20:18
</pre>

====Source====

<pre>
<dl>
<dt>Estimated duration:</dt>
<dd>0 hours, 1 minutes</dd>

<dt>Departure time:</dt>
<dd>20:17</dd>

<dt>Estimated arrival time:</dt>
<dd>20:18</dd>

<dt>Total distance:</dt>
<dd>
0.6 miles (0.9 km)
</dd>

<dt>Number of steps:</dt>
<dd>4</dd>
</dl>

<table>
<tr>
<th colspan="4">Instruction</th>
<th>Distance so far</th>
<th>Time</th>
</tr>

<tr><td colspan="7"><p style="text-align: center; font-weight: bold">You are entering the <a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://kitssupplies.com">congestion charging zone</a>.<br />Applies Monday to Friday - 7am to 6.30pm.</p></td></tr>
<tr style="background-color: #ffecec">

<td>1</td>
<td>Depart on <strong>A40 High Holburn</strong></td>
<td>for <strong>0.2 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=1&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0 miles (0 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://kitssupplies.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 2</td>
<td>At the roundabout, take the fifth exit onto <strong>A4 New Fetter Lane</strong></td>
<td>for <strong>0.3 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=2&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.2 miles (0.3 km)</td>
<td>20:17</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://kitssupplies.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 3</td>
<td>Turn left onto <strong> Fleet Street</strong></td>
<td>for <strong>0.1 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=3&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.5 miles (0.8 km)</td>
<td>20:18</td>
</tr>

<tr style="background-color: #fcc">
<td><a href="http://ad.uk.doubleclick.net/clk;9602607;9705200;e?http://kitssupplies.com" target="_blank"><img src="/images/ps/cc_logo.gif" border="0" alt="" /></a> 4</td>
<td>Arrive at your destination <strong> </strong></td>
<td>for <strong>0 miles</strong></td>
<td><a href="/map/aproute.cgi?qs=q&starttime=20:17&client=public&itineraryxylist=531160,181635;531422,181181&rn=GB&mapimg=step&stepbystep=4&lang=&startcountry=GB&endcountry=GB&startrd=&starttown=&startpc=EC1N 2NS&endrd=Fleet Street&endtown=LONDON&endpc=EC4&input_rt=aproute_pan" title="View map of this step">Map</a></td>
<td>0.6 miles (0.9 km)</td>
<td>20:18</td>
</tr>
</table>
</pre>

===MapQuest===

<pre>
50 California St
San Francisco, CA 94111-4624, US Revise | New Directions

10 Market St
San Francisco, CA 94111-4801, US Revise | New Directions
Total Est. Time: 1 minute
Total Est. Distance: 0.18 miles
</pre>

<pre>
1: Start out going EAST on CALIFORNIA ST toward DRUMM ST. <0.1 miles Map
2: Turn RIGHT onto DRUMM ST. <0.1 miles Map
3: Turn SHARP LEFT onto MARKET ST. 0.1 miles Map
4: End at 10 Market St
San Francisco, CA 94111-4801, US Map
</pre>
Note: mapquest adds icons indiciating parts of a journey such as "Start" "left turn" "right turn" "end"

====Source====
<pre>
<div id="dirsummary" class="clear">
<div class="startend">
<div class="content clear">
<div id="mqaddress-start" class="addresssummary">
<div class="clear">
<img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17" alt="Start"/>
<p><span><b>50 California St</b><br />San Francisco, CA 94111-4624, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&1sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
</p>
</div>
</div>
<div id="mqaddress-end" class="addresssummary end">
<div class="clear">
<img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17" alt="End"/>
<p><span><b>10 Market St</b><br />San Francisco, CA 94111-4801, US
</span><span class="screen"><a href="/directions/main.adp?do=nw&mo=ma&2si=navt&1gi=0&un=m&go=1&2gi=0&1a=50%20California%20St&1c=San%20Francisco&1g=F1vA%2bNzyt4iAl71AiHbU5Q%3d%3d&2a=10%20Market%20St&1l=rBXkKYPKi%2fM%3d&2c=San%20Francisco&1da=%2d1%2e000000&1rc=L1AAA&cl=EN&1n=SAN%20FRANCISCO%20COUNTY&2g=JF%2b%2bgQaqpCu8wB4zmqR0%2fw%3d%3d&qq=1ADqpk24ofCeTxpK%252f79e%252bAyK24xaIMHf9X7JhECKvl9XAwoRYTHRtvNigziQm6uUEJQ0Coge%252fbzANwMyr2Kx4bZM16XzMowN3yTnj0KzTJX6DCnZ3c11pDhSyQOR8KfFjA8LEPiDh414NP9IaMYlgrzYY1zx0jwDqifr862AG3q4kaKoc7v5cVDy4fxS94F1&1s=CA&2l=mK%2fUgh11ReQ%3d&ct=NA&1v=ADDRESS&2n=SAN%20FRANCISCO%20COUNTY&r=f&1y=US&1z=94111%2d4624&1si=navt&2s=CA&2da=%2d1%2e000000&2rc=L1AAA&2v=ADDRESS&did=1143928014&2y=US&2z=94111%2d4801&rsres=1&2sb=revise">Revise</a> | <a href="/directions/main.adp?do=nw">New Directions</a></span>
</p>
</div>
</div>
</div>
<div class="timedist clear">
<div class="time">
<p><b>Total Est. Time:</b> <span> 1 minute</span></p>
</div>
<div class="dist">
<p><b>Total Est. Distance:</b> <span>0.18 miles</span></p>
</div>
</div>
</div>
</pre>

<pre>
<table border="0" cellpadding="0" cellspacing="0" id="maneuvers">

<thead class="bga">
<tr>
<th colspan=3><b>Maneuvers</b></th>
<th class="textr">Distance</th>
<th class="textc"> Maps  </th>
</tr>
</thead>
<tbody>

<tr >

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-start" width="32" height="17"/></td>

<td class="num">1:</td>
<td>Start out going EAST on CALIFORNIA ST toward DRUMM ST.</td>
<td class="nowrap"><0.1 miles</td>

<td class="textc"><a name=ManAnchor0 href="javascript:showManMap('0','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwly%24%2e90axhyz%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl4%24%2e90axhy1%3a%26%40%24%3a%26%40%24w9f2%3a%2aE%14QXO%2ax0z1xg%40%5fn10bwga%24%3a%26%40%24%3a%26%40z21%40%3aHO%1593bdWik1mf%3bNSC%12JDBJ%40ba0fbs%26%3d2l1a10h%402%3ag');">Map</a></td>
</tr>

<tr >
<td class="manmap" colspan=5 id="mmaprow0"><img id=mmIMG0 name=mmIMG0 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr class="bgc">

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_right" width="32" height="32"/></td>

<td class="num">2:</td>
<td>Turn RIGHT onto DRUMM ST.</td>
<td class="nowrap"><0.1 miles</td>

<td class="textc"><a name=ManAnchor1 href="javascript:showManMap('1','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3Byt2q%26FDT7w%7Clztwlw%24.90axhyb%3A%26%40%24%3A%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7Clztwly%24.90axhyb%3A%26%40%24%3A%26%40%240u0%24%3DTPWIK%2Cba0fbl%26%3D2l1a10l%40%24%3A%26%40%24%3A%26y7x%26%26FDEmvqjHqjwjg%7C%14D%13%13%17OHM%26atahaz%3A%29uallfzx%26%3Dr%3Au');">Map</a></td>
</tr>

<tr class="bgc">
<td class="manmap" colspan=5 id="mmaprow1"><img id=mmIMG1 name=mmIMG1 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr >

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/rs_sharp_left " width="32" height="32"/></td>

<td class="num">3:</td>
<td>Turn SHARP LEFT onto MARKET ST.</td>
<td class="nowrap">0.1 miles</td>

<td class="textc"><a name=ManAnchor2 href="javascript:showManMap('2','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwlr%24%2e90axh4z%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
</tr>

<tr >
<td class="manmap" colspan=5 id="mmaprow2"><img id=mmIMG2 name=mmIMG2 style=display:none src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr class="bgc">

<td class="rs"><img border="0" src="http://cdn.mapquest.com/mqsite/icon-dirs-end" width="32" height="17"/></td>

<td class="num">4:</td>
<td colspan="2">End at
<b>10 Market St</b><br />San Francisco, CA 94111-4801, US

</td>

<td class="textc"><a name=ManAnchor3 href="javascript:showManMap('3','http://mq-mapgend.websys.aol.com:80/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3byt2q%26FDT7w%7clztwqw%24%2e90axhwy%3a%26%40%24%3a%26%40t5g6%245h6%24lu4%24HJQD%11T%26FDBBD%7clztwl0%24%2e90axhyb%3a%26%40%24%3a%26%40%240ua%24%3dTPGp2hsQxolve%2cCMN%17MJAD%24x0z1x1%40%5fn10bwga%24s%26y%24a%26f%3aHOHQJ%3batahwr%3a%29uallfrg%26%40%24%3a%26%40%24%3ahu1l%26');">Map</a></td>
</tr>
<tr class="bgc">
<td class="manmap" colspan=5 id="mmaprow3"><img id=mmIMG3 name=mmIMG3 style={display:none} src=http://cdn.mapquest.com/mq/space_white height=0 width=0></img></td>
</tr>

<tr >
<td colspan="5" class="totals"><b>Total Est. Time:</b> 1 minute     <b>Total Est. Distance:</b> 0.18 miles </td>
</tr>

</tbody>
</table>
</pre>

===Bus Trip Planners===

Trip planners exhibit many similar characteristics to Directions services. Here are some examples.

====transit.511.org====

<pre>
Trip Itinerary for Monday, leaving at 2:00pm.

Muni buses and F-line: Always ask for a transfer, even if you are not going to transfer to another line.

Depart: California St/park Presidio in San Francisco

Then:
Go to: S.W. Corner Of Geary Blvd & Park Presidio Blvd (Location map)

Board: SF Muni Bus #38l/Geary Ltd at 2:05 pm (next bus at 2:12 pm) (schedule detail)

Important! Important Announcements About This Route What is Important Announcement?

Fare: Pay $1.50

Get Off: Transbay Hump & La Playa St at 2:34 pm

Go to: 10 Market St. in San Francisco (Location map)

Total Travel Time: 40 min

Total Cash Fare: $1.50
</pre>

====source====

<pre>

<strong>Trip Itinerary for Monday, leaving at 2:00pm.</strong><br>

<br>

<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFE3FF">

<tr valign="top">
<td width="100%">
<a href="http://www.sfmuni.com/pop" title="Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.">Muni buses and F-line: <b>Always ask for a transfer,</b> even if you are not going to transfer to another line.</a>
</td>
</tr>

</table>
<br>

<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
<tr valign="top">
<th><font color="#006699">Depart:</font></th>
<td width="100%">
California St/park Presidio in San Francisco
</td>

</tr>
</table>

<br><table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#DCF3FF">
<tr valign="top">
<th><font color="#006699">Then:</font></th>
<td><table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr valign="top">
<th>Go to:</th>

<td>S.W. Corner Of Geary Blvd & Park Presidio Blvd (<a href="walkingmap.asp?al=California+St%2Fpark+Presidio+%28starting+location%29&ax=-15800&ay=-257&bl=Geary+Blvd+%26+Park+Presidio+Blvd&bx=-15799&by=-322" title="Location Map">Location map</a>)<br><br></td>
</tr>

<tr valign="top">
<th>Board:</th>
<td>
<a href="/providers/providerinfo.asp?cid=SF" title="Provider Info">SF Muni</a> Bus #38l/Geary Ltd at 2:05 pm (next bus at 2:12 pm)
(<a href="scheddetail.asp?scln=Sf+Muni+Bus+%2338l%2FGeary+Ltd&scrn=38L&scal=Geary+Blvd+%26+Park+Presidio+Blvd&scac=SW&scax=%2D15799&scay=%2D322&scar=1268&scas=17&scat=845&scbl=Transbay+Hump+%26+La+Playa+St&scbx=%2D14801&scby=%2D163&scbr=1268&scbs=34&scdy=2&sctm=L&fs=CALIFORNIA+ST%2FPARK+PRESIDIO&fc=SAN+FRANCISCO&fz=&ts=10+Market+St%2E&tc=San+Francisco&tz=&prfa=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2CSAN+FRANCISCO%2C&prta=%2D14781%2C%2D92%2C10+Market+St%2E%2CSan+Francisco%2C&td=2&tm=L&t1=2:00PM&t2=2:00PM&am1=PM&op=F&of=R&ow=120&sn=&rs=_&fx=-15800&fy=-257&fxy=%2D15800%2C%2D257%2CCALIFORNIA+ST%2FPARK+PRESIDIO%2C+SAN+FRANCISCO&tx=-14781&ty=-92" title="Schedule Detail">schedule detail</a>)

<br><br>

<img src="/images/warning.gif" alt="Important!" width="16" height="15">
<a href="/announcements/results.asp?rte=5616" title="Important Announcements About This Route">Important Announcements</a> About This Route
<a href="/utils/help.asp#annimpwhatis" title="What is Important Announcement?"><img src="/images/help.gif" alt="What is Important Announcement?" width="12" height="12" border="0"></a>
<br><br>

</td>
</tr>
<tr valign="top">
<th>Fare:</th>

<td>Pay $1.50<br><br></td>
</tr>
<tr valign="top">
<th>Get Off:</th>
<td>Transbay Hump & La Playa St at 2:34 pm</td>
</tr>
</table>

</pre>

====rtd-denver.com====

<pre>
From: W ALAMEDA AVE & S BROADWAY DENVER
To: E COLFAX AVE & PEARL ST DENVER
Arriving At: 500P
Best Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:49PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 5:00PM

Travel Time : 23 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 4:53PM

Travel Time : 21 minutes

Alternate Itinerary
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM

Go to Bus Stop At: Colfax Ave & Broadway, DENVER
Get On Bus: #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
Get Off the Bus At: Colfax Ave & Pearl St, DENVER at 4:55PM

Travel Time : 23 minutes

The Trip Planner is to be used as a guide to help plan bus itineraries.
You should always check bus schedules to verify route pickup times
and drop off times as well as any detours.
</pre>

====source====
(presentational markup removed for clarity; note unescaped ampersands and abuse of "br" tags)

<pre>
<table>
<tr>
<td>
From: W ALAMEDA AVE & S BROADWAY DENVER
<br>
To: E COLFAX AVE & PEARL ST DENVER
<br>
Arriving At: 500P
</td>
</tr>
<br>
<tr>
<td>
Best Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 BROADWAY STN 0 DOWNTOWN at 4:37PM (Next Bus At 4:47PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:49PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15 / 15 CHAMBERS 15 via E COLFAX at 4:59PM (Next Bus At 5:07PM)
<br>
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 5:00PM
<br>
<br>
Travel Time : 23 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
Alternate Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15L / 15L AURORA MALL 15L E COLFAX at 4:51PM (Next Bus At 4:59PM)
<br>
Get Off the Bus At: Colfax Ave & Sherman St, DENVER at 4:53PM
<br>
<br>
Travel Time : 21 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
Alternate Itinerary
</td>
</tr>
<tr>
<td>
Go to Bus Stop At: S Lincoln St & Alameda Ave, DENVER
<br>
Get On Bus: #0 / 0 DOWNTOWN 0 VIA BROADWAY at 4:32PM (Next Bus At 4:37PM)
<br>
Get Off the Bus At: Colfax Ave & Broadway, DENVER at 4:44PM
<br>
<br>
Go to Bus Stop At: Colfax Ave & Broadway, DENVER
<br>
Get On Bus: #15 / 15 KRAMARIA 15 via E COLFAX at 4:52PM (Next Bus At 4:59PM)
<br>
Get Off the Bus At: Colfax Ave & Pearl St, DENVER at 4:55PM
<br>
<br>
Travel Time : 23 minutes
<br>
<br>

</td>
</tr>
<tr>
<td>
The Trip Planner is to be used as a guide to help plan bus itineraries.
<br>
You should always check bus schedules to verify route pickup times
<br>
and drop off times as well as any detours.
</td>
</tr>
</table>
</pre>

===GPX Planners===
[http://www.gnuite.com/nokia770/maemo-mapper Maemo-mapper] runs on the Nokia 770. It supports use with a bluetooth GPS receiver. It reformats Google Maps directions into a GPX file, and will display that route and announce turns as you approach them.

=== hand authored bike routes ===
May at [http://www.tikirobot.net/wp/category/cycling/ TikiRobot!] has been marking up her cycling routes. She uses photographs of landmarks, a map image, and a textual description, or textual directions. There is no implied schema, but would be a good candidate for adding address or geo info.

RussNelson at [http://russnelson.com/bicycling/ his blog] has been documenting his bike rides. A Garmin Foretrex 201 records the route, gpsbabel downloads it to his Linux desktop, maptracks.py uses Terraserver topo tiles to create a map from the track, and create-rides.py creates the structure of a blog entry using tracklength.py to calculate speed and distance. Photos get geolocated from the track, but only on demand. The resultant blog entry has a map which links to a Google Maps mashup displaying the track.

=== hand authored flight record ===
Jeremy Zawodny has [http://jeremy.zawodny.com/blog/archives/006655.html has narrated flights] He uses photographs of landmarks, a map image, and a textual description, with links to landmarks. There is no implied schema, but would be a good candidate for adding address or geo info.

=== Year in Flights ===

The [http://gc.kls2.com/faq.html great circle mapper] seems to inspire people to document
their trips a year at a time:

* [http://www.flickr.com/photos/ishida/323392479/ r12a in 2006: 140,718 km]
* [http://norman.walsh.name/2006/12/31/2006 ndw in 2006: 31,844 miles in 130 flights]

=== Directions to an office ===
====Microsoft in San Francisco====
http://www.microsoft.com/mscorp/info/usaoffices/northernca/sanfrancisco.mspx
<pre>
From the North Bay
Take US-101S over the Golden Gate Bridge to San Francisco. Exit right toward Lombard
Street/Downtown. Follow the street as it curves, and turn left onto Lombard Street.
Turn right onto Van Ness Avenue. Turn left onto Broadway. Turn right onto Battery Street.
Turn left onto Market Street. Go straight for five short blocks. The Landmark at One Market
is on the right.

From the East Bay
Take I-80W over the Bay Bridge. Pay toll ($5). Exit right at Fremont Street. Turn left
onto Fremont Street. Turn right onto Howard Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.

From the South Bay or SFO Airport
Take US-101N San Francisco to Exit I-280N Port of San Francisco. Exit King Street. Turn
Left onto Third Street. Turn Right onto Folsom Street. Turn left onto Main Street. Turn
right onto Market Street. Go straight for two short blocks. The Landmark at One Market
is on the right.
</pre>

===Walking routes===
*[http://www.walkweb.org.uk/g05_information.htm (with GPS wayponts)]
*[http://www.cheshire.gov.uk/countryside/Walking/crewe_nantwich/nantwich_acton/nantwich_acton_directions.htm (without GPS wayponts)]

== related discussion ==

* [http://radar.oreilly.com/archives/2006/03/directions_microformat_leading.html Tim O'Reilly blog post: Directions Microformat -> Google for directions?]

==See also==
*[[events/2006-06-13-where-2-bof]]
*[[directions]]
*[[directions-formats]]
*[[directions-brainstorming]]
*[[geo-extension-waypoints]]