Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) <link> examples
git-svn-id: http://svn.whatwg.org/webapps@3787 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Sep 10, 2009
1 parent e450c94 commit e8694d0
Show file tree
Hide file tree
Showing 2 changed files with 68 additions and 0 deletions.
34 changes: 34 additions & 0 deletions index
Expand Up @@ -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>





Expand Down
34 changes: 34 additions & 0 deletions source
Expand Up @@ -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>





Expand Down

0 comments on commit e8694d0

Please sign in to comment.