Rumah > Artikel > hujung hadapan web > Bolehkah Anda Membuka Pautan Luaran dalam Tab Baharu Hanya Menggunakan CSS?

Bolehkah Anda Membuka Pautan Luaran dalam Tab Baharu Hanya Menggunakan CSS?

Susan Sarandonasal: 2024-10-28 20:13:02850semak imbas

Can You Open External Links in New Tabs Using Only CSS?

Membuka Pautan Luaran dalam Tab Baharu Menggunakan CSS

Apabila bekerja dengan pautan luar dalam menu teratas tapak web, membukanya dalam tab baharu meningkatkan pengalaman pengguna. Secara tradisinya, atribut target="_blank" dalam HTML telah digunakan untuk mencapai ini. Walau bagaimanapun, ramai pembangun tertanya-tanya sama ada terdapat cara untuk mencapai perkara yang sama menggunakan CSS.

Adakah terdapat Ciri CSS untuk Membuka Pautan dalam Tab Baharu?

Malangnya, pada masa ini tiada sifat CSS yang secara eksplisit mengawal atribut sasaran untuk pautan. Oleh itu, adalah tidak mungkin untuk membuka pautan luaran dalam tab baharu hanya menggunakan CSS.

Penyelesaian Berasaskan HTML Alternatif

Satu penyelesaian alternatif ialah menggunakan "target= Atribut "_blank"" dalam HTML. Dengan memasukkan kod berikut dalam HTML tag, semua pautan pada halaman yang tidak menyatakan atribut sasaran akan dibuka secara automatik dalam tab baharu:

<code class="css"><head>
    <base target="_blank">
</head></code>

Sebagai alternatif, atribut sasaran boleh ditetapkan secara individu untuk setiap pautan:

<code class="css"><a href="/yourlink.html" target="_blank">test-link</a></code>

Kaedah ini mengatasi tetapan global yang dinyatakan dalam tag.

Atas ialah kandungan terperinci Bolehkah Anda Membuka Pautan Luaran dalam Tab Baharu Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css html if for using Attribute Property this

Kenyataan：

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

Artikel sebelumnya：Bagaimanakah ampersand (&) berfungsi dalam pemilih SASS untuk menjana pemilih anak secara dinamik?Artikel seterusnya：Bagaimanakah ampersand (&) berfungsi dalam pemilih SASS untuk menjana pemilih anak secara dinamik?

Artikel berkaitan

Lihat lagi