HTML 中的 <link>属性

首页 / HTML入门教程 / HTML 中的 <link>属性

HTML <link>标签用于定义到外部文档的链接。它位于文档的<head>部分中。

link示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML link Tag</title>
      <link rel="stylesheet" href="stylenew.css">
   </head>

   <body>
      <div id="contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>

这是CSS文件 stylenew.css

#contentinfo p {
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px;
   text-align: justify;
   width: 140px;
   color: red;
}

这将产生以下结果-

全局属性

此标签支持- HTML 中所述的所有全局属性。

特定属性

HTML <link>标签还支持以下附加属性-

Attribute Value 描述
charset charset 定义链接文档的字符编码。
href URL 指定资源文档的URL。
hreflang language 目标网址的语言代码
media screen
tty
tv
projection
handheld
print
braille
aural
all
指定将在其上显示文档的设备
rel alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection
描述当前文档和目标URL之间的关系。
rev alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection
描述目标URI和当前文档之间的反向关系。
sizes html-5 HeightxWidth 指定链接资源的大小。
target blank
_self
_top
_parent
指定要加载页面的目标框架。
type mimetype 链接目标处内容的MIME类型

事件属性

此标签支持- HTML 中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

如何设计一个秒杀系统 -〔许令波〕

玩转Git三剑客 -〔苏玲〕

Vue开发实战 -〔唐金州〕

分布式技术原理与算法解析 -〔聂鹏程〕

深度学习推荐系统实战 -〔王喆〕

物联网开发实战 -〔郭朝斌〕

郭东白的架构课 -〔郭东白〕

React Native 新架构实战课 -〔蒋宏伟〕

遗留系统现代化实战 -〔姚琪琳〕

好记忆不如烂笔头。留下您的足迹吧 :)