<分区>
谁能详细描述一下title是什么？属性用于添加到样式表时 <link> <head> 中的标签我的 HTML 页面？今天玩一些 HTML，同时 <link>查看多个样式表时，我注意到我似乎在滥用 title我的属性 <link>
这是我的 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指标。显然，给我的样式表起一个漂亮的标题不仅仅是一个方便的属性。