如何正確使用title屬性在樣式表的鏈接標籤

有人能詳細描述了title屬性是什麼，當我在HTML頁面的<head>加入到樣式表<link>標籤呢？今天玩弄了一些HTML，雖然<link>多個樣式表，我注意到我似乎是在濫用我的<link> s中的title屬性。如何正確使用title屬性在樣式表的鏈接標籤

這裏是我的html：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <!-- styles --> 
     <link rel="stylesheet" type="text/css" media="screen" href="/static/css/foundation.min.css" title="Foundation"> 
     <link rel="stylesheet" type="text/css" media="screen" href="/static/css/icomoon.css" title="IcoMoon"> 
    </head> 
    <body> 
     <h1>Welcome <span class="icon-home"></span>!</h1> 
     <!-- scripts --> 
     <script src="/static/js/jquery-2.1.4.min.js" charset="utf-8"></script> 
     <script src="/static/js/foundation.min.js" charset="utf-8"></script>   
    </body> 
</html>

當我開始工作，我很沮喪，因爲我icomoon.css樣式表沒有加載。我花了一段時間才意識到title屬性是問題所在。特別是，如果我刪除從兩個樣式表屬性title：

<link rel="stylesheet" type="text/css" media="screen" href="/static/css/foundation.min.css"> 
<link rel="stylesheet" type="text/css" media="screen" href="/static/css/icomoon.css">

或者，如果我給他們同樣的標題：

<link rel="stylesheet" type="text/css" media="screen" href="/static/css/foundation.min.css" title="Foundation"> 
<link rel="stylesheet" type="text/css" media="screen" href="/static/css/icomoon.css" title="Foundation">

我的風格正確加載。在進一步調查之後，我發現Firefox允許用戶通過View - >Page Style來選擇他們看到的樣式。例如，我可以製作兩個樣式表，一個叫做「Boring」，一個叫做「Cool」，用戶可以在兩種樣式之間切換。

這就是說，我仍然不確定title屬性的目的是什麼？主要是因爲Chrome和Safari（我沒有檢查過Edge或Internet Explorer）似乎沒有相同的功能來在Firefox之類的標題樣式之間進行切換，並且因爲這對我來說似乎應該與更多關於是否與<link>的rel屬性包括alternate指示符。這顯然不僅僅是一個方便的屬性，可以給我的樣式表一個不錯的標題。

來源

2015-12-13 ngoue

從W3C website：

的標題屬性給出鏈接的標題。有一個例外，它純粹是諮詢。值是文本。 風格的例外是工作表鏈接，其中標題屬性定義了替代樣式表集合。

替代樣式表集的定義可以在MDN中找到。顯然，這是一個僅限Firefox的功能。

來源

2015-12-13 05:05:36

所以我想沒有什麼別的我已經有了！奇怪的是，其他瀏覽器不支持在命名樣式之間切換。 – ngoue

如何正確使用title屬性在樣式表的鏈接標籤

回答

相關問題