Skip to content

Commit

Permalink
[e] (0) Examples for rel=tag
Browse files Browse the repository at this point in the history 
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=15914
Affected topics: HTML

git-svn-id: http://svn.whatwg.org/webapps@7347 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Sep 14, 2012
1 parent 692fb6b commit 8239ae0
Show file tree
Hide file tree
Showing 3 changed files with 178 additions and 0 deletions.
59 changes: 59 additions & 0 deletions complete.html
View file
Expand Up @@ -61841,6 +61841,65 @@ <h5 id=link-type-tag><span class=secno>4.12.5.12 </span>Link type "<dfn title=re
in the markup of a <a href=#tag-cloud>tag cloud</a>, which lists
the popular tags across a set of pages.</p>

<div class=example>

<p>This document is about some gems, and so it is <i>tagged</i>
with "<code title="">http://en.wikipedia.org/wiki/Gemstone</code>"
to unambiguously categorise it as applying to the "jewel" kind of
gems, and not to, say, the towns in the US, the Ruby package
format, or the Swiss locomotive class:</p>

<pre>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;My Precious&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;&lt;h1&gt;My precious&lt;/h1&gt; &lt;p&gt;Summer 2012&lt;/p&gt;&lt;/header&gt;
&lt;p&gt;Recently I managed to dispose of a red gem that had been
bothering me. I now have a much nicer blue sapphire.&lt;/p&gt;
&lt;p&gt;The red gem had been found in a bauxite stone while I was digging
out the office level, but nobody was willing to haul it away. The
same red gem stayed there for literally years.&lt;/p&gt;
&lt;footer&gt;
Tags: &lt;a rel=tag href="http://en.wikipedia.org/wiki/Gemstone"&gt;Gemstone&lt;/a&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

</div>

<div class=example>

<p>In <em>this</em> document, there are two articles. The "<code title=rel-tag><a href=#link-type-tag>tag</a></code>" link, however, applies to the whole
page (and would do so wherever it was placed, including if it was
within the <code><a href=#the-article-element>article</a></code> elements).</p>

<pre>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Gem 4/4&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;article&gt;
&lt;h1&gt;801: Steinbock&lt;/h1&gt;
&lt;p&gt;The number 801 Gem 4/4 electro-diesel has an ibex and was rebuilt in 2002.&lt;/p&gt;
&lt;/article&gt;
&lt;article&gt;
&lt;h1&gt;802: Murmeltier&lt;/h1&gt;
&lt;figure&gt;
&lt;img src="http://upload.wikimedia.org/wikipedia/commons/b/b0/Trains_de_la_Bernina_en_hiver_2.jpg"
alt="The 802 was red with pantographs and tall vents on the side."&gt;
&lt;figcaption&gt;The 802 in the 1980s, above Lago Bianco.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;The number 802 Gem 4/4 electro-diesel has a marmot and was rebuilt in 2003.&lt;/p&gt;
&lt;/article&gt;
&lt;p class="topic"&gt;&lt;a rel=tag href="http://en.wikipedia.org/wiki/Rhaetian_Railway_Gem_4/4"&gt;Gem 4/4&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

</div>



<h5 id=sequential-link-types><span class=secno>4.12.5.13 </span>Sequential link types</h5>
Expand Down
59 changes: 59 additions & 0 deletions index
View file
Expand Up @@ -61841,6 +61841,65 @@ fur
in the markup of a <a href=#tag-cloud>tag cloud</a>, which lists
the popular tags across a set of pages.</p>

<div class=example>

<p>This document is about some gems, and so it is <i>tagged</i>
with "<code title="">http://en.wikipedia.org/wiki/Gemstone</code>"
to unambiguously categorise it as applying to the "jewel" kind of
gems, and not to, say, the towns in the US, the Ruby package
format, or the Swiss locomotive class:</p>

<pre>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;My Precious&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;&lt;h1&gt;My precious&lt;/h1&gt; &lt;p&gt;Summer 2012&lt;/p&gt;&lt;/header&gt;
&lt;p&gt;Recently I managed to dispose of a red gem that had been
bothering me. I now have a much nicer blue sapphire.&lt;/p&gt;
&lt;p&gt;The red gem had been found in a bauxite stone while I was digging
out the office level, but nobody was willing to haul it away. The
same red gem stayed there for literally years.&lt;/p&gt;
&lt;footer&gt;
Tags: &lt;a rel=tag href="http://en.wikipedia.org/wiki/Gemstone"&gt;Gemstone&lt;/a&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

</div>

<div class=example>

<p>In <em>this</em> document, there are two articles. The "<code title=rel-tag><a href=#link-type-tag>tag</a></code>" link, however, applies to the whole
page (and would do so wherever it was placed, including if it was
within the <code><a href=#the-article-element>article</a></code> elements).</p>

<pre>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Gem 4/4&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;article&gt;
&lt;h1&gt;801: Steinbock&lt;/h1&gt;
&lt;p&gt;The number 801 Gem 4/4 electro-diesel has an ibex and was rebuilt in 2002.&lt;/p&gt;
&lt;/article&gt;
&lt;article&gt;
&lt;h1&gt;802: Murmeltier&lt;/h1&gt;
&lt;figure&gt;
&lt;img src="http://upload.wikimedia.org/wikipedia/commons/b/b0/Trains_de_la_Bernina_en_hiver_2.jpg"
alt="The 802 was red with pantographs and tall vents on the side."&gt;
&lt;figcaption&gt;The 802 in the 1980s, above Lago Bianco.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;The number 802 Gem 4/4 electro-diesel has a marmot and was rebuilt in 2003.&lt;/p&gt;
&lt;/article&gt;
&lt;p class="topic"&gt;&lt;a rel=tag href="http://en.wikipedia.org/wiki/Rhaetian_Railway_Gem_4/4"&gt;Gem 4/4&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

</div>



<h5 id=sequential-link-types><span class=secno>4.12.5.13 </span>Sequential link types</h5>
Expand Down
60 changes: 60 additions & 0 deletions source
View file
Expand Up @@ -72300,6 +72300,66 @@ fur
in the markup of a <a href="#tag-cloud">tag cloud</a>, which lists
the popular tags across a set of pages.</p>

<div class="example">

<p>This document is about some gems, and so it is <i>tagged</i>
with "<code title="">http://en.wikipedia.org/wiki/Gemstone</code>"
to unambiguously categorise it as applying to the "jewel" kind of
gems, and not to, say, the towns in the US, the Ruby package
format, or the Swiss locomotive class:</p>

<pre>&lt;!DOCTYPE HTML>
&lt;html>
&lt;head>
&lt;title>My Precious&lt;/title>
&lt;/head>
&lt;body>
&lt;header>&lt;h1>My precious&lt;/h1> &lt;p>Summer 2012&lt;/p>&lt;/header>
&lt;p>Recently I managed to dispose of a red gem that had been
bothering me. I now have a much nicer blue sapphire.&lt;/p>
&lt;p>The red gem had been found in a bauxite stone while I was digging
out the office level, but nobody was willing to haul it away. The
same red gem stayed there for literally years.&lt;/p>
&lt;footer>
Tags: &lt;a rel=tag href="http://en.wikipedia.org/wiki/Gemstone">Gemstone&lt;/a>
&lt;/footer>
&lt;/body>
&lt;/html></pre>

</div>

<div class="example">

<p>In <em>this</em> document, there are two articles. The "<code
title="rel-tag">tag</code>" link, however, applies to the whole
page (and would do so wherever it was placed, including if it was
within the <code>article</code> elements).</p>

<pre>&lt;!DOCTYPE HTML>
&lt;html>
&lt;head>
&lt;title>Gem 4/4&lt;/title>
&lt;/head>
&lt;body>
&lt;article>
&lt;h1>801: Steinbock&lt;/h1>
&lt;p>The number 801 Gem 4/4 electro-diesel has an ibex and was rebuilt in 2002.&lt;/p>
&lt;/article>
&lt;article>
&lt;h1>802: Murmeltier&lt;/h1>
&lt;figure>
&lt;img src="http://upload.wikimedia.org/wikipedia/commons/b/b0/Trains_de_la_Bernina_en_hiver_2.jpg"
alt="The 802 was red with pantographs and tall vents on the side.">
&lt;figcaption>The 802 in the 1980s, above Lago Bianco.&lt;/figcaption>
&lt;/figure>
&lt;p>The number 802 Gem 4/4 electro-diesel has a marmot and was rebuilt in 2003.&lt;/p>
&lt;/article>
&lt;p class="topic">&lt;a rel=tag href="http://en.wikipedia.org/wiki/Rhaetian_Railway_Gem_4/4">Gem 4/4&lt;/a>&lt;/p>
&lt;/body>
&lt;/html></pre>

</div>



<h5>Sequential link types</h5>
Expand Down

0 comments on commit 8239ae0

Please sign in to comment.