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

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

技术教程推荐

趣谈网络协议 -〔刘超〕

Java并发编程实战 -〔王宝令〕

高并发系统设计40问 -〔唐扬〕

苏杰的产品创新课 -〔苏杰〕

成为AI产品经理 -〔刘海丰〕

体验设计案例课 -〔炒炒〕

Redis源码剖析与实战 -〔蒋德钧〕

Serverless进阶实战课 -〔静远〕

AI大模型企业应用实战 -〔蔡超〕

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