Permalink
Browse files

[e] (0) <link> examples

git-svn-id: http://svn.whatwg.org/webapps@3787 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent e450c94 commit e8694d07d969d1857331706ec930ec8f16cc80cd @Hixie Hixie committed Sep 10, 2009
Showing with 68 additions and 0 deletions.
  1. +34 −0 index
  2. +34 −0 source
View
34 index
@@ -10669,6 +10669,40 @@ gave me some of the songs they wrote. I love sharing my music.&lt;/p&gt;
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>
+
+
View
34 source
@@ -11206,6 +11206,40 @@ gave me some of the songs they wrote. I love sharing my music.&lt;/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>
+
+

0 comments on commit e8694d0

Please sign in to comment.