Peranan tag pautan dalam html

Teg <link> dalam HTML digunakan untuk memautkan sumber luaran ke dokumen HTML. Fungsinya termasuk: merujuk helaian gaya, menetapkan ikon halaman, memperkenalkan skrip luaran, pramuat sumber dan menentukan ikon alternatif.

Peranan teg pautan dalam HTML

Teg <link> dalam HTML digunakan untuk memautkan sumber luaran (seperti helaian gaya, ikon dan skrip luaran ) kepada dokumen HTML . Ia menyediakan pelayar dengan maklumat tentang fail luaran yang dirujuk dalam dokumen. <link> 标签用于将外部资源（如样式表、图标和外部脚本）链接到 HTML 文档。它为浏览器提供有关文档中引用的外部文件的信息。

作用：

• 引用样式表：<link> 标签的 href 属性可以引用外部 CSS 文件，用于定义文档的样式。
• 设置页面图标：rel="icon" 属性可指定页面图标，在浏览器选项卡和收藏夹中显示。
• 引入外部脚本：rel="stylesheet" 属性可用于引用外部 JavaScript 文件。
• 预加载资源：rel="preload" 属性可让浏览器在页面加载前预加载资源，从而减少页面渲染时间。
• 定义替代图标：rel="alternate icon" 属性可定义针对不同设备或尺寸的替代页面图标。

语法：

<link rel="rel-type" href="file-path">

Fungsi:
• Helaian gaya rujukan: <link> Atribut href teg boleh merujuk fail CSS luaran untuk menentukan gaya dokumen itu.
• Tetapkan ikon halaman: atribut rel="icon" boleh menentukan ikon halaman untuk dipaparkan dalam tab penyemak imbas dan kegemaran.

Memperkenalkan skrip luaran: Atribut

rel="stylesheet" boleh digunakan untuk merujuk fail JavaScript luaran.

Pramuat sumber: Atribut

rel="preload" membenarkan penyemak imbas pramuat sumber sebelum halaman dimuatkan, sekali gus mengurangkan masa pemaparan halaman.

• Tentukan ikon alternatif: atribut rel="alternate icon" boleh menentukan ikon halaman alternatif untuk peranti atau saiz yang berbeza.

• Sintaks:

  <link rel="rel-type" href="file-path">

• rel: Nyatakan jenis perkaitan dengan dokumen , cth. "lembaran gaya", "ikon".

href: 🎜Nyatakan laluan ke sumber luaran. 🎜🎜🎜jenis: 🎜Nyatakan jenis MIME sumber luaran, seperti "teks/css", "imej/png". 🎜🎜🎜🎜 Contoh: 🎜🎜🎜🎜🎜🎜Pautan ke lembaran gaya: 🎜🎜

<link rel="stylesheet" href="style.css">

🎜🎜🎜🎜Tetapkan ikon halaman: 🎜🎜rreee skrip luaran 🎜

<link rel="icon" href="favicon.ico">

🎜🎜

Atas ialah kandungan terperinci Peranan tag pautan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!