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

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

技术教程推荐

人工智能基础课 -〔王天一〕

ZooKeeper实战与源码剖析 -〔么敬国〕

人人都能学会的编程入门课 -〔胡光〕

Web安全攻防实战 -〔王昊天〕

打造爆款短视频 -〔周维〕

操作系统实战45讲 -〔彭东〕

如何讲好一堂课 -〔薛雨〕

Kubernetes入门实战课 -〔罗剑锋〕

Python实战 · 从0到1搭建直播视频平台 -〔Barry〕

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