Bolehkah Anda Membuka Pautan Luaran dalam Tab Baharu Hanya Menggunakan CSS?-tutorial css-php.cn

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

Susan Sarandon

Lepaskan： 2024-10-28 20:13:02

asal

948 orang telah melayarinya

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>

Salin selepas log masuk

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

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

Salin selepas log masuk

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!