link标签

第一种用法:

设置DNS预解析

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--域名预解析可以提高后期访问网站的效率-->
    <link rel="dns-prefetch" href="">
    <title>Document</title>
</head>
<body>

</body>
</html>

第二种用法:

引入网站图标

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="shortcut icon" href="">
</head>
<body>

</body>
</html>

第三种用法:

引入css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="">
</head>
<body>

</body>
</html>
时间: 2024-10-26 09:31:15

link标签的相关文章

link标签的rel等属性属性的作用简单介绍

link标签的rel等属性属性的作用简单介绍:大家知道通过<link>标签可以引入外部样式表,例如: <link rel="stylesheet" type="text/css" href="style.css" /> 属性解析:1.href:规定引入文件的路径.2.type:规定被链接文件的格式类型.3.rel:用来规定当前文档与被连接文档的关系.如果rel的值是stylesheet,也就是说引入的文件可以作为当前文件的

javascript正则找script标签, link标签里面的src或者 href属性

1. [代码]javascript 简单的search    <script(?:(?:\s|.)+?)src=[\"\'](.+?)[\"\'](?!\<)(?:(?:\s|.)*?)(?:(?:\/\>)|(?:\>\s*?\<\/script\>)) <script  src="sdfsdf/sdfd.js"          type="text/javascript"  /><scr

h5标签基础 link标签

link标签也存在于<head>中,作用如下 1.将样式引入到网页中 <link ref="stylesheet" href="css样式地址.css"/> 2.给网页title前面加个图标 <link rel="icon" href="图标地址.icon"/> 最好是使用后缀名是.icon的图片,.png的或其他格式也可以

使用&lt;link&gt; 标签定义浏览器标题栏小图标

使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon.png" />

&lt;link&gt;标签的rel属性详解

<link>标签定义了当前文档与 Web 集合中其他文档的关系.link 元素是一个空元素,它仅包含属性.此元素只能存在于 head 部分,不过它可出现任何次数.在 HTML 中,<link> 标签没有结束标签.在 XHTML 中,<link> 标签必须被正确的关闭. 除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type.这些属性中,ta

Meta,Link标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息.下面介绍一些有关标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有: 1.Content-Type和Content

移动前端工作的那些事---前端制作篇之link标签篇

上文的meta标签中,提到了部分功能要结合link标签进行使用.下面详细的解释一下移动端的link标签.link标签主要是存放CSS文件的地方,同时还有一些专属的移动端设置在这里体现.结合以下代码进行说明: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=d

html 基础之 &lt;link&gt;标签

实例 链接一个外部样式表: <head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> 在用于样式表时,<link> 标签得到了几乎所有浏览器的支持.但是几乎没有浏览器支持其他方面的用途. 定义和用法 <link> 标签定义文档与外部资源的关系. <link> 标签最常见的用途是链接样式表

link标签的rel属性

<link>标签定义了当前文档与 Web 集合中其他文档的关系.link 元素是一个空元素,它仅包含属性.此元素只能存在于 head 部分,不过它可出现任何次数.在 HTML 中,<link> 标签没有结束标签.在 XHTML 中,<link> 标签必须被正确的关闭. 除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type.这些属性中,ta

html——meta标签、link标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容.<meta> 标签的属性定义了与文档相关联的名称/值对. <!--关键字--> <meta name="keywords" content="饮食,文化,文章" /> <!--网页描述--> <meta name=&qu