search-results-example: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Reverted edit of DudaKar, changed back to last version by RobertBachmann)
No edit summary
Line 38: Line 38:
</pre>
</pre>
=== OpenSearch ===
=== OpenSearch ===
  &lt;opensearch:searchTerms>New York City History&lt;/opensearch:searchTerms>
  &lt;opensearch:totalResults>4230000&lt;/opensearch:totalResults>
  &lt;opensearch:startIndex>21&lt;/opensearch:startIndex>
  &lt;opensearch:itemsPerPage>10&lt;/opensearch:itemsPerPage>
rel="alternate" – the same page of search results, in a alternate format
Example: &lt;link  rel="alternate" type="text/html" href="http://example.com/New+York+City+History?pw=3&amp;format=html"/>
rel="start" – the first page of search results
Note: This value is pending IETF registration.
Example: &lt;link  rel="start" type="application/rss+xml" href="http://example.com/New+York+City+History?pw=1&amp;format=rss"/>
rel="previous" – the previous page of search results
Note: This value is pending IETF registration.
Example: &lt;link  rel="previous" type="application/rss+xml" href="http://example.com/New+York+City+History?pw=2&amp;format=rss"/>
rel="self" – this page of search results
Example: &lt;link  rel="self" type="application/rss+xml" href="http://example.com/New+York+City+History?pw=3&amp;format=rss"/>
rel="next" – the next page of search results
Note: This value is pending IETF registration.
Example: &lt;link  rel="next" type="application/rss+xml" href="http://example.com/New+York+City+History?pw=4&amp;format=rss"/>
rel="end" – the last page of search results
Note: This value is pending IETF registration.
Example: &lt;link  rel="end" type="application/rss+xml" href="http://example.com/New+York+City+History?pw=42299&amp;format=rss"/>
rel="description" – the location of the OpenSearch Description document
Note: This value is pending IETF registration.
Example: &lt;link  rel="description" type="application/opensearchdescription+xml" href="http://example.com/opensearchdescription.xml"/>
=== [http://www.google.com/search?hl=en&q=microformats&btnG=Google+Search Google] ===
Header:
&lt;font size=-1 color=>Results &lt;b>1&lt;/b> - &lt;b>10&lt;/b> of about &lt;b>398,000&lt;/b> for &lt;b>&lt;b>microformats&lt;/b>&lt;/b>.
(&lt;b>0.09&lt;/b> seconds)&nbsp;&lt;/font>
Item:
&lt;!--a-->&lt;div>&lt;p class=g>&lt;!--m-->&lt;a href="http://microformats.org/">&lt;b>microformats&lt;/b>&lt;/a>&lt;br>
&lt;font size=-1>Tantek reports about the &lt;b>microformats&lt;/b> lab at FOOCamp, with Dave McClure &lt;b>...&lt;/b>&lt;br>
On Friday night, Kevin and I did an impromptu talk on &lt;b>microformats&lt;/b> at BarCamp. &lt;b>...&lt;/b>
&lt;br>&lt;font color=#008000>&lt;b>microformats&lt;/b>.org/ -  30k -  Oct 15, 2005 - &lt;/font>&lt;nobr>
&lt;a class=fl href="http://66.102.7.104/search?q=cache:dKjN6x57zdYJ:microformats.org/+microformats&hl=en">Cached&lt;/a>
- &lt;a class=fl href="/search?hl=en&lr=&q=related:microformats.org/">Similar&nbsp;pages&lt;/a>&lt;/nobr>&lt;/font>&lt;!--n-->
Footer:
&lt;table border=0 cellpadding=0 width=1% cellspacing=0 align=center>&lt;tr align=center valign=top>
&lt;td valign=bottom nowrap>
&lt;font size=-1>Result&nbsp;Page:&nbsp;&lt;/font>
&lt;td nowrap>&lt;img src=/nav_first.gif width=18 height=26 alt="">&lt;br>
&lt;td nowrap>&lt;img src=/nav_current.gif width=16 height=26 alt="">&lt;br>&lt;span class=i>1&lt;/span>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=10&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>2&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=20&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>3&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=30&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>4&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=40&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>5&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=50&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>6&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=60&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>7&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=70&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>8&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=80&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>9&lt;/a>
&lt;td nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=90&sa=N>&lt;img src=/nav_page.gif width=16 height=26 alt="" border=0>&lt;br>10&lt;/a>
&lt;td nowrap nowrap>&lt;a href=/search?q=microformats&hl=en&lr=&start=10&sa=N>
&lt;img src=/nav_next.gif width=100 height=26 alt="" border=0>&lt;br>&lt;span class=b>Next&lt;/span>&lt;/a>&lt;/table>
=== [Example #2 (url)] ===
pre
  escaped &lt;tags>
== Existing Practices ==
* ''Summary of common patterns discovered''
* ''Other attempts to solve The Problem''
== Proposal ==
* Early drafts
* ''Link to related pages as they become available''
** -brainstorming
** - proposal
** -microformat
== See Also ==
* [[forms-examples]]
* [[rest-examples]]
* ''Other microformats''
* ''Normative references for tags used''

Revision as of 02:35, 23 June 2007

Search Results - Examples

This page captures common patterns in the return of search results.

The Problem

Many web sites, particularly search engines, return a partial "window" in a much larger dataset of results. We'd like to figure out the optimal way to represent that. Note that this is also the goal of the OpenSearch Response specification, but at this point they don't seem to have specified HTML encodings. In fact, such an encoding is a likely outcome of this effort.

Participants

  • Dr. Ernie
  • Dimitri Glazkov

Real-World Examples

Links to public web pages, either popular or insightful

Pagination Patterns

Use the [ http://www.w3.org/TR/REC-html40/types.html#type-links HTML] <link rel="prev" /> and <link rel="next" /> for navigation.

Ruby on Rails

The default list view is a table of size 10:

Header

 <table>
   <tr>
     <th>-ent</th>...

Body

  <tr class="vcard"> 
    <td class="-ent">2</td>

[only after I modified it]

Footer

  <a href="/users/list?page=2">Next page</a> 

OpenSearch