Rumah hujung hadapan web html tutorial HTML中link标签与a标签有什么区别?怎么使用?

HTML中link标签与a标签有什么区别?怎么使用?

Jan 18, 2019 pm 04:07 PM
sebuah tag tag pautan

link标签与a标签都是用于链接的标签,但是它们之间有什么区别呢?本篇文章就来给大家介绍link标签与a标签之间的区别。

HTML中link标签与a标签有什么区别?怎么使用?

首先我们来看看link标签是什么?

link标签是用于连接与该页面相关的其他页面的标签,但是,此标签与网站的外观无直接关系。

所以基本上它是在head标签中写的。

link标签通常用于读取作为外部文件的CSS和JavaScript,以及读取名为favicon的web图标。

a标签是什么?

看到链接,可能就会有人想到a标签

a标签定义超链接,用于从一张页面链接到另一张页面。

下面我们就来看看link标签与a标签之间的区别

如上面的定义所述,link标签与网站的外观没有任何直接关系。

但是,a标签会在页面中创建一个超链接元素。

如果要创建基本超链接,使用a标签,如果要从HTML读取其他文件,使用link标签。

如何使用link标签?

这些文件可以与HTML分开,并在外部保存为.css文件或.js文件。

需要使用上面的link标签读取该文件。

我们来看具体的示例

代码如下

HTML

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
    <div class="text">text</div>
</html>
Salin selepas log masuk

CSS

.text {
    color: blue;
    }
Salin selepas log masuk

运行结果如下所示

微信截图_20190118114623.png

通过以上这种方式,可以看到在style.css中编写的CSS实际上是通过link标签成功的与HTML连接了。


rel属性指定此HTML和CSS之间的关系, href属性指定要读取的文件的路径

如何使用a标签?

a标签的使用很简单,我们来看具体示例

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<a href="http://www.php.cn/">php中文网</a>
</body>
</html>
Salin selepas log masuk

运行效果如下所示

微信截图_20190118115238.png

点击上述的“php中文网”链接就可以跳转到php中文网首页。

Atas ialah kandungan terperinci HTML中link标签与a标签有什么区别?怎么使用?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah fail index.html? Apakah fail index.html? Feb 19, 2024 pm 01:36 PM

index.html mewakili fail halaman utama halaman web dan merupakan halaman lalai tapak web. Apabila pengguna melawat tapak web, halaman index.html biasanya dimuatkan dahulu. HTML (HypertextMarkupLanguage) ialah bahasa penanda yang digunakan untuk membuat halaman web dan index.html juga merupakan fail HTML. Ia mengandungi struktur dan kandungan halaman web, serta teg dan elemen yang digunakan untuk pemformatan dan reka letak. Berikut ialah contoh kod index.html: &lt

Bagaimana untuk mengeluarkan warna tag dalam css Bagaimana untuk mengeluarkan warna tag dalam css Apr 25, 2024 pm 05:42 PM

Untuk mengalih keluar warna yang wujud pada teg, anda boleh menggunakan kaedah berikut: Gunakan sifat warna CSS untuk menentukan warna teks. Gunakan sifat warna pautan CSS untuk menentukan warna pautan. Gunakan sifat hiasan teks CSS untuk mengalih keluar garis bawah dan warna teks lalai. Gunakan sifat warna hover CSS untuk menukar warna teks pada tetikus. Gunakan sifat warna CSS yang dilawati untuk menukar warna teks teg yang dilawati.

Bagaimana untuk melompat ke halaman lain menggunakan tag Bagaimana untuk melompat ke halaman lain menggunakan tag Sep 11, 2023 pm 04:01 PM

teg untuk membuat hiperpautan, dan kemudian melalui teg, anda boleh memautkan satu halaman ke halaman lain. Pengenalan terperinci: Untuk melaksanakan lompatan halaman, anda perlu mengisi URL halaman sasaran ke dalam atribut href URL boleh menjadi laluan relatif atau laluan mutlak ialah laluan relatif kepada halaman semasa, dan laluan mutlak ialah alamat URL yang lengkap.

Bagaimana untuk melaksanakan kod PHP untuk melompat ke halaman yang ditentukan Bagaimana untuk melaksanakan kod PHP untuk melompat ke halaman yang ditentukan Mar 07, 2024 pm 02:18 PM

Apabila menulis tapak web atau aplikasi, anda sering menghadapi keperluan untuk melompat ke halaman tertentu. Dalam PHP, kita boleh mencapai lompat halaman melalui beberapa kaedah. Di bawah saya akan menunjukkan tiga kaedah lompat biasa untuk anda, termasuk menggunakan fungsi header(), menggunakan kod JavaScript dan menggunakan tag meta. Menggunakan fungsi header() Fungsi header() ialah fungsi yang digunakan dalam PHP untuk menghantar maklumat header HTTP asal Fungsi ini boleh digunakan dalam kombinasi apabila melaksanakan lompatan halaman. Di bawah ialah a

Bagaimana untuk melaksanakan lompatan halaman dalam 3 saat: Panduan Pengaturcaraan PHP Bagaimana untuk melaksanakan lompatan halaman dalam 3 saat: Panduan Pengaturcaraan PHP Mar 25, 2024 am 10:42 AM

Tajuk: Kaedah pelaksanaan lompat halaman dalam 3 saat: Panduan Pengaturcaraan PHP Dalam pembangunan web, lompat halaman adalah operasi biasa Secara umumnya, kami menggunakan tag meta dalam kaedah HTML atau JavaScript untuk melompat ke halaman. Walau bagaimanapun, dalam beberapa kes tertentu, kita perlu melakukan lompatan halaman pada bahagian pelayan. Artikel ini akan memperkenalkan cara menggunakan pengaturcaraan PHP untuk melaksanakan fungsi yang secara automatik melompat ke halaman tertentu dalam masa 3 saat, dan juga akan memberikan contoh kod tertentu. Prinsip asas lompat halaman menggunakan PHP adalah sejenis

Apakah yang perlu saya lakukan jika halaman web PHP mempunyai aksara Cina yang kacau? Penyelesaian yang lengkap Apakah yang perlu saya lakukan jika halaman web PHP mempunyai aksara Cina yang kacau? Penyelesaian yang lengkap Mar 26, 2024 pm 03:27 PM

Masalah aksara Cina yang kacau dalam halaman web PHP ialah aksara Cina dipaparkan sebagai aksara yang kacau dalam paparan halaman web Keadaan ini biasanya disebabkan oleh pengekodan yang tidak konsisten atau set aksara tidak ditetapkan. Menyelesaikan masalah aksara Cina bercelaru dalam halaman web PHP memerlukan bermula dari banyak aspek Berikut adalah beberapa penyelesaian biasa dan contoh kod khusus. Tetapkan pengekodan fail PHP: Mula-mula pastikan pengekodan fail PHP itu sendiri ialah UTF-8 Anda boleh menetapkan pengekodan UTF-8 apabila menyimpan dalam editor, atau tambahkan kod berikut pada pengepala fail PHP untuk ditetapkan. pengekodan: &l

Apakah sifat-sifat tag? Apakah sifat-sifat tag? Nov 24, 2023 am 09:51 AM

Atribut a tag ialah: 1. href 2. target 3. rel; Pengenalan terperinci: 1. href, yang mentakrifkan URL sasaran pautan Ini adalah atribut yang paling biasa digunakan bagi teg "<a>" Ia boleh memaut ke mana-mana bahagian halaman web, seperti bahagian atas halaman , perenggan khusus, dsb.; 2. sasaran, yang mentakrifkan pautan dalam Di mana hendak dibuka;

Petua jQuery: Cepat ubah suai teks semua teg pada halaman Petua jQuery: Cepat ubah suai teks semua teg pada halaman Feb 28, 2024 pm 09:06 PM

Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: &lt

See all articles