举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > html资源网 HTML 资源链接

html资源网 HTML 资源链接

2023-05-06 18:31 HTML教程

html资源网 HTML 资源链接

html资源网 HTML 资源链接

html资源网

HTML资源链接


link 元素在HTML文档和之间创建关系外部资源,CSS样式表或Javascript文件。

link 元素具有局部属性: hrefrelhreflangmediatypesizes

  • href - 指定链路元素引用的资源的URL。
  • hreflang - 指定链接资源的语言。
  • media - 指定链接内容用于的设备。
  • rel - 指定文档和链接资源之间的关系类型。
  • sizes - 指定图标的大小。
  • type - 指定链接资源的MIME类型,例如text/cssimage/x-icon.

sizes 属性已在HTML5中添加,属性 charset rev target 在HTML5中已过时。

rel 属性值决定浏览器如何处理link元素。以下列表显示 rel 属性的常见值。

  • alternate - 指向文档的替代版本的链接,例如翻译成另一种语言的链接。
  • author - 链接到文档的作者。
  • help - 与当前文档相关的帮助的链接。
  • icon - 指定图标资源。
  • license - 指向与当前文档相关联的许可证的链接。
  • pingback - 指定pingback服务器,允许当其他网站链接到博客时自动通知博客。
  • prefetch - 预加载资源。
  • stylesheet - 加载外部CSS样式表。

例子

为了演示link元素,创建了一个名为 styles.css 的样式表,其具有以下内容。

a  {
    background-color: grey;
    color: red;
    padding: 0.5em;
}

要应用这个样式表,我们可以使用link元素,如下面的代码所示。

<!DOCTYPE HTML>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
  <p>This is a test.</p>
  <a href="http://www..cn">Visit www..cn</a>
</body>
</html>

您可以使用多个 link 元素来加载多个外部资源。外部样式表可以在多个文档中重用。


预加载资源

您可以要求浏览器预加载资源。

下面的代码显示了使用 link 元素来指定预加载。

<!DOCTYPE HTML>
<html>
<head>
<link rel="prefetch" href="/page2.html" />
</head>
<body>
  <p>This is a test.</p>
  <a href="http://www..cn">Visit www..cn</a>
  <a href="page2.html">Page 2</a>
</body>
</html>

上面的代码将 rel 属性设置为 prefetch,并指定HTML页面 page2.html 被加载,期望用户将使用此页面。

阅读全文
以上是鳄鱼CMS为你收集整理的html资源网 HTML 资源链接全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • html测验题 HTML 测验

    html测验题 HTML 测验

    2023-03-25 HTML教程

    您可以通过的测验程序来测试您的 HTML 技能。关于本测验本测验包含 20 道题,每道题的最长答题时间是 20 分钟(这是由于每个 ses...

  • html表单文本域代码 HTML 表单文本域

    html表单文本域代码 HTML 表单文本域

    2023-03-19 HTML教程

    HTML表单文本域使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用textarea标签。在表单元素...

  • vscodehtml插件 HTML 插件

    vscodehtml插件 HTML 插件

    2023-03-29 HTML教程

    HTML插件 插件的功能是扩展 HTML 浏览器的功能。 HTML 助手(插件) 辅助应用程序(helper application)是可由浏览器启动的程序...

  • Htmliframe登鹳雀楼怎么做 HTML iframe

    Htmliframe登鹳雀楼怎么做 HTML iframe

    2023-03-22 HTML教程

    HTML iframe iframe 元素在现有元素中嵌入另一个HTML文档。它有局部属性: src,srcdoc,name,width,height,sandbox,seamless...

  •  XHTML 属性

    XHTML 属性

    2023-05-08 HTML教程

    XHTML 属性是以 XML 格式编写的 HTML 属性。XHTML 属性 - 语法规则XHTML 属性必须使用小写XHTML 属性值必须用引号包围XHTML 属性...

© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们