html - 如何在样式表链接标签中正确使用 title 属性-6ren

html - 如何在样式表链接标签中正确使用 title 属性

转载作者：可可西里更新时间：2023-11-01 13:28:18

25

4

<分区>

谁能详细描述一下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指标。显然，给我的样式表起一个漂亮的标题不仅仅是一个方便的属性。

25

4

0

文章推荐： php - 使用 VichUploaderBundle 将图像列表设置为实体

文章推荐： c# - 如何远程启动不同系统上的应用程序？

文章推荐： php - 数组作为 PHP 中的队列

javascript - 通过标题覆盖 <title>TITLE</title>
有什么方法可以覆盖无法直接编辑的页面标题，只能在页眉中添加 Javascript？我不能直接编辑的行是: Title of the page 我能想到的解决这个问题的唯一方法是在我可以通过我的门户后
django - <title> {% block title %} Home {% endblock %} </title> 没有被其他页面覆盖？
这是我的基础文件 {% load static %} {% include "feed/header.html" %} {% block content%} {% endblock %} {% inc
html - <meta name ="title"> 标签和 <title></title> 标签的区别
请说明之间有什么区别标记和标签。 Page title 如果两者都使用，哪个最优先？我观察到一些网站同时具有和 tags 和两者相同，这是预期的，请确认？如果我们不使用标签标题，我
mysql - 从另一个表 `title`引用 `title`
我有一个带有唯一title的表_primary，并且我有一个需要设置引用title的表_secondary > 对于 _primary 表。最佳答案尝试这个解决方案并让我知道它对您有用。 ALTE
php - PDO 数据库访问 WHERE title = $title
我正在尝试学习使用 PDO 而不是 MySQLi 进行数据库访问，但我在从数据库中选择数据时遇到了问题。我想使用: $STH = $DBH->query('SELECT * FROM ratings
title - 关于 title/alt 属性
我了解 title 和 alt 属性的用途，但我只是不了解它们的最佳用途，或者我是否可以使用相同的 title /alt 不止一次。例如，以一个关于狗的网站为例: 根据我的理解，所有 img 标签都
iphone - UITabBarItem.title 与 UINavigationController.title
我分配了一个带有标题 (initWithTitle) 的 UITabBarItem 并将其连接到 UINavigationController。我发现，如果导航 Controller 的 Root
iphone - 如何做到 tabBar.title != navBar.title ？
我有标签栏和导航栏。在导航栏中我有表格 View 。问题是，当我在 IB 中将标题设置为选项卡栏，然后在 TableView 中设置标题时，选项卡栏标题将更改为 TableView 中的标题，并且我在
java - jsp中 "<%=TITLE %> "和 "${TITLE} "有什么不同？
在我的 JSP 页面中，我使用显示页面标题，有时可以，但有时页面显示无法cpmplie代码。所以我将代码更改为 ${TITLE} ，也可以。有什么不同和${TITLE}在jsp中？这是我的页
pug - 如何在 Jade 中将自定义字符串附加到 "title= title"？
我目前正在向 Jade 和 node.js 介绍自己由于我想避免冗余，我想到将域名附加到当前标题，例如Blog | example.com 我的 Jade 模板得到了 Blog通过 Node.js
java - 帮助我了解 title.compareTo(a.title()); 的幕后花絮内码
//Sorting userDefined object from ArrayList<>... import java.io.*; import java.util.*; class Song
html - "og:title"的元标记是否使 "title"的元标记变得多余？
我的网站有这两个元标记，它们目前具有相同的值: 第二个是 facebook 连接所需的格式。这是否意味着第一个是多余的并且可以删除？最佳答案最好同时存在这两个标签。该标签告诉搜索引擎有
asp.net-mvc - View.Title == ViewData ["Title"]
我现在对 ASP.NET MVC 的 Razor ViewEngine 感到困惑。大多数人会说: View.Title 与相同 ViewData["Title"] 运行应用程序后我得到了这个 Com
iphone - self.title 与 self.navigationItem.title
UIViewController 的 title 属性的用途是什么，不能用 navigationItem.title 设置标题吗？两者似乎都有效，我只是想知道为什么会有这种看似重复的功能。最佳答案
javascript - {props.props.title}？为什么不是 {props.title}？
我仍在学习如何将 API 数据与 react 和 nextjs 一起使用。但是，为什么我的函数只在我编写 {props.props.title} 而不是我期望的 {props.title} 时起作用？
regex - 正则表达式匹配<title> ，包括任意位置的换行符
我正在尝试编写一个从URL提取的正则表达式，但是问题是“。”与我们已经知道的不匹配换行符。如何编写正则表达式以匹配和提取pageTitle(。*？)，但换行符可能介于我在用grails。最佳答案
javascript - {props.props.title}？为什么不是 {props.title}？
我仍在学习如何将 API 数据与 react 和 nextjs 一起使用。但是，为什么我的函数只在我编写 {props.props.title} 而不是我期望的 {props.title} 时起作用？
github - 潘多克 : set document title to first title
我正在 github 上创建一个库，所以我为此使用了一个 Markdown 文件，其结构如下: # My main title ## My first section ... ## My second
javascript - {`${props.title} ` } 和 {props.title} 之间的区别
我在某些地方看到，为了从 props 中获取 title 的值，我们使用 {`${props.title} `} 而在其他一些地方，我们使用它 {props.title} 有什么区别？最佳答案第一
css - 图像的自动标题不起作用 : img[title]:after{content:attr(title);}
我想使用 IMG 标签的 TITLE 属性，为图像创建标题: HTML CSS img[title]:after{content:attr(title);} 但是无论是在 IE、Firefox 还是

首页

博学

6Ren·AI

商城

html - 如何在样式表链接标签中正确使用 title 属性