[e] (0) <link> examples

git-svn-id: http://svn.whatwg.org/webapps@3787 340c8d12-0b0e-0410-8428-c7bf67bfef74

index

   this element; the <a href=#styling>styling processing model</a> defines
   how. <a href=#refsCSSOM>[CSSOM]</a></p>
 
+  <div class=example>
+
+   <p>Here, a set of <code><a href=#the-link-element>link</a></code> elements provide some style
+   sheets:</p>
+
+   <pre>&lt;!-- a persistent style sheet --&gt;
+&lt;link rel="stylesheet" href="default.css"&gt;
+
+&lt;!-- the preferred alternate style sheet --&gt;
+&lt;link rel="stylesheet" href="green.css" href="Green styles"&gt;
+
+&lt;!-- some alternate style sheets --&gt;
+&lt;link rel="alternate stylesheet" href="contrast.css" href="High contrast"&gt;
+&lt;link rel="alternate stylesheet" href="big.css" href="Big fonts"&gt;
+&lt;link rel="alternate stylesheet" href="wide.css" href="Wide screen"&gt;</pre>
+
+  </div>
+
+  <div class=example>
+
+   <p>The following example shows how you can specify versions of the
+   page that use alternative formats, are aimed at other languages,
+   and that are intended for other media:</p>
+
+   <pre>&lt;link rel=alternate href="/en/html" hreflang=en type=text/html title="English HTML"&gt;
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=text/html title="French HTML"&gt;
+&lt;link rel=alternate href="/en/html" hreflang=en type=text/html media=print title="English HTML (for printing)"&gt;
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=text/html media=print title="French HTML (for printing)"&gt;
+&lt;link rel=alternate href="/en/html" hreflang=en type=application/pdf title="English PDF"&gt;
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=application/pdf title="French PDF"&gt;</pre>
+
+  </div>
+
+
 
 
 

source

@@ -11206,6 +11206,40 @@ gave me some of the songs they wrote. I love sharing my music.</p>
   this element; the <span>styling processing model</span> defines
   how. <a href="#refsCSSOM">[CSSOM]</a></p>
 
+  <div class="example">
+
+   <p>Here, a set of <code>link</code> elements provide some style
+   sheets:</p>
+
+   <pre>&lt;!-- a persistent style sheet -->
+&lt;link rel="stylesheet" href="default.css">
+
+&lt;!-- the preferred alternate style sheet -->
+&lt;link rel="stylesheet" href="green.css" href="Green styles">
+
+&lt;!-- some alternate style sheets -->
+&lt;link rel="alternate stylesheet" href="contrast.css" href="High contrast">
+&lt;link rel="alternate stylesheet" href="big.css" href="Big fonts">
+&lt;link rel="alternate stylesheet" href="wide.css" href="Wide screen"></pre>
+
+  </div>
+
+  <div class="example">
+
+   <p>The following example shows how you can specify versions of the
+   page that use alternative formats, are aimed at other languages,
+   and that are intended for other media:</p>
+
+   <pre>&lt;link rel=alternate href="/en/html" hreflang=en type=text/html title="English HTML">
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=text/html title="French HTML">
+&lt;link rel=alternate href="/en/html" hreflang=en type=text/html media=print title="English HTML (for printing)">
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=text/html media=print title="French HTML (for printing)">
+&lt;link rel=alternate href="/en/html" hreflang=en type=application/pdf title="English PDF">
+&lt;link rel=alternate href="/fr/html" hreflang=fr type=application/pdf title="French PDF"></pre>
+
+  </div>
+
+