<Link rel = alternate> behavior in browsers
I am a little confused by the behavior <link rel="alternate" ...>in browsers and I am looking for some clarification. To illustrate, you can use the following code:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="a.css" type="text/css"
title="Main Stylesheet">
<link rel="alternate stylesheet" href="b.css" type="text/css"
title="Alternative Stylesheet">
<link rel="alternate" href="fr.pdf" hreflang="fr" type="application/pdf"
title="Alternative document in French">
</head>
<body>
</body>
</html>
When this code works in a modern browser (e.g. Firefox v27.01), the browser parses the above HTML document and then loads the a.css and b.css stylesheets. The first is used to apply style to the document. However, b.css is available through the View> Page Style menu of the specified browser. So, it’s clear that the analyzer in Firefox can recognize the “alternative” style sheet and in this case decided to download it.
You can read on W3C> HTML5> 4.8.4.1 that the result of parsing these <link> is basically , . , . (fr.pdf) , Firefox , , . Chrome (v.33.0.1750.117), Opera (v.19.0.1326.63), IE (v.10.0.9200.16798) (.. , fr.pdf). , , , "" :) - , ? , RESTful () <link>, -.
.
<link> , . rel . rel="alternate stylesheet" () - . , Firefox Opera "" . ., ,
http://reference.sitepoint.com/html/figures/firefox-page-style.png
, .
rel="alternate" ( ) . , , .