HTML link标记

本文概述

HTML <link>标记用于指定当前文档和外部源之间的关系。

<link>标记通常用于链接当前文档的外部样式表, 但也可以与链接站点图标一起使用。它放在文档的头部。

<link rel="stylesheet" type="text/css" href="">

以下是有关HTML <link>标记的一些规范

Display None
开始日期/结束日期 开始和结束标签
Usage textual

<!DOCTYPE html>
<html>
<head>
	<title>Link Tag</title>
	<link rel="stylesheet" type="text/css" href="htmlpages/css/link.css">
</head>
<body>
	<h2>Example of Link Tag</h2>
	<p>This is paragraph which is styled with external style sheet. </p>
</body>
</html>

立即测试

body{
	background-color: #7ac5cd;
		text-align: center;}
h2{
	color: #006400;}

p{
	color: #cd5c5c;
	font-size: 25px;
	font-style: italic;}

输出:

HTML link标签

属性

特定于标签的属性:

属性 描述
charset char_encoding 它定义链接源的字符编码。 (HTML5不支持)
href URL 它指定链接文档的位置。
hreflang language_code 指定链接源的文本语言。
media media_query 它指定要为其应用链接源的媒体。
rel 备用作者dns-prefetch帮助图标许可下一个pingback预连接prefetch预加载prerender prev搜索样式表 它描述了当前文档和链接文档之间的关系。 (需要)
rev reversed
relationship
它描述了链接文档和当前文档之间的关系。 (HTML5不支持)
sizes Height* weight 它指定链接源的大小。它只能与rel =“ icon”一起使用。
target _blank _self _top _parent frame_name 它确定在何处加载链接的文档。
type media_type 它指定文档的媒体类型。

全局属性:

<link>标记支持HTML中的全局属性

事件属性:

<link>标记支持HTML中的事件属性。

支持的浏览器

Element Chrome IE Firefox Opera Safari
<link> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?