sitemap-examples: Difference between revisions
Jump to navigation
Jump to search
(New page: <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 site...) |
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
| (3 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
{{DISPLAYTITLE:Sitemap Examples}} | |||
Per the microformats [[process]] this page documents common examples of HTML navigation mechanisms out of which we may want to construct a sitemap.xml. | Per the microformats [[process]] this page documents common examples of HTML navigation mechanisms out of which we may want to construct a sitemap.xml. | ||
== HTML navigation mechanism examples == | == HTML navigation mechanism examples == | ||
There would be no difference here really between websites and webapps, both use HTML elements for nav in the same way. | |||
=== BBC === | === 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. | |||
<pre><nowiki> | |||
<ul id="blq-nav-main"> | |||
<li id="blq-nav-news"> | |||
<a href="http://www.bbc.co.uk/news/">News</a> | |||
</li> | |||
... | |||
</ul> | |||
</nowiki></pre> | |||
=== apple.com === | |||
Apple use the same construct. | |||
<pre><nowiki> | |||
<ul id="globalnav" role="navigation"> | |||
<li id="gn_store"> | |||
<a href="http://store.apple.com/uk"><span>Store</span></a> | |||
</li> | |||
... | |||
</ul> | |||
</nowiki></pre> | |||
=== instapaper.com === | |||
Subjectively not so semantic in terms of markup. | |||
<pre><nowiki> | |||
<div id="userpanel"> | |||
<a href="/extras">Extras</a> | |||
<span>.</span> | |||
... | |||
</div> | |||
</nowiki></pre> | |||
== Existing practices and patterns == | |||
While the semantic markup differs slightly between these different example mechanisms, and many others, a common theme is the use of the link element. We have always used the same for our own sites. | |||
== Proposal == | |||
** [[sitemap-formats]] | |||
** [[sitemap-brainstorming]] | |||
** [[sitemap-issues]] | |||
Latest revision as of 16:33, 18 July 2020
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>
Existing practices and patterns
While the semantic markup differs slightly between these different example mechanisms, and many others, a common theme is the use of the link element. We have always used the same for our own sites.