sitemap-examples: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
There would be no difference here really between websites and webapps, both use HTML elements for nav in the same way. | There would be no difference here really between websites and webapps, both use HTML elements for nav in the same way. | ||
=== | === bbc.co.uk === | ||
As per any decent POSH citizen the BBC's website uses a simple list element for navigation. The BBC admirably use very standard attributes. | As per any decent POSH citizen the BBC's website uses a simple list element for navigation. The BBC admirably use very standard attributes. | ||
| Line 20: | Line 20: | ||
</nowiki></pre> | </nowiki></pre> | ||
=== | === apple.com === | ||
Apple use the same construct. | Apple use the same construct. | ||
| Line 33: | Line 33: | ||
</nowiki></pre> | </nowiki></pre> | ||
=== | === instapaper.com === | ||
Subjectively not so semantic in terms of markup. | Subjectively not so semantic in terms of markup. | ||
Revision as of 14:18, 20 April 2012
<entry-title>Sitemap Examples</entry-title>
Per the microformats process this page documents common examples of HTML navigation mechanisms out of which we may want to construct a sitemap.xml.
There would be no difference here really between websites and webapps, both use HTML elements for nav in the same way.
bbc.co.uk
As per any decent POSH citizen the BBC's website uses a simple list element for navigation. The BBC admirably use very standard attributes.
<ul id="blq-nav-main">
<li id="blq-nav-news">
<a href="http://www.bbc.co.uk/news/">News</a>
</li>
...
</ul>
apple.com
Apple use the same construct.
<ul id="globalnav" role="navigation">
<li id="gn_store">
<a href="http://store.apple.com/uk"><span>Store</span></a>
</li>
...
</ul>
instapaper.com
Subjectively not so semantic in terms of markup.
<div id="userpanel"> <a href="/extras">Extras</a> <span>.</span> ... </div>