tetapan html a

WBOY
Lepaskan: 2023-05-16 09:53:37
asal
962 orang telah melayarinya

HTML menetapkan teg

teg ialah salah satu teg yang paling biasa digunakan dalam HTML Fungsinya adalah untuk membuat pautan supaya pengguna boleh mengklik pada pautan untuk mengakses halaman web lain, memuat turun fail , atau hantar e-mel Tunggu operasi. Sintaks asas teg a adalah seperti berikut:

<a href="链接地址">链接文本</a>
Salin selepas log masuk

Antaranya, atribut href menentukan alamat URL sumber sasaran pautan dan teks pautan ialah teks pautan yang boleh dilihat, iaitu, kandungan teks yang dilihat pengguna pada halaman.

Senario penggunaan teg yang biasa termasuk:

  1. Lompat ke halaman web lain

    <a href="http://www.example.com">跳转到Example</a>
    Salin selepas log masuk
  2. Muat turun fail

    <a href="http://example.com/file.docx">下载word文档</a>
    Salin selepas log masuk
  3. Hantar E-mel

    <a href="mailto:example@example.com">联系我们</a>
    Salin selepas log masuk

Selain sintaks asas, teg a mempunyai banyak atribut yang boleh ditetapkan Beberapa atribut yang biasa digunakan diperkenalkan di bawah. harta benda.

  1. atribut sasaran
    Atribut sasaran menentukan tempat sasaran pautan dipaparkan. Berikut ialah nilai biasa untuk atribut sasaran:
  • _self: pautan baharu akan dipaparkan dalam tetingkap atau bingkai semasa
  • _blank: pautan baharu akan dipaparkan dalam tetingkap baharu atau tab baharu
  • _ibu bapa: Pautan baharu akan dipaparkan dalam bingkai induk tetingkap tempat pautan itu terletak
  • _atas: Pautan baharu akan dipaparkan dalam tetingkap atas dalam semua bingkai

Sebagai contoh, kod berikut membuka halaman Contoh dalam tab baharu.

<a href="https://www.example.com" target="_blank">打开Example</a>
Salin selepas log masuk
  1. atribut rel
    Atribut rel menentukan hubungan pautan, seperti nofollow, noopener, noreferrer, dsb. Atribut ini membantu enjin carian memahami sejauh mana halaman anda dipautkan.
  • nofollow: Maklumkan kepada enjin carian supaya tidak mengikuti pautan dan mengecualikannya daripada analisis pautan
  • noopener: Menghalang halaman daripada mencuri yang asal apabila ia dibuka dalam yang baharu tab Data halaman
  • noreferrer: Elakkan maklumat pengepala HTTP Referer daripada dibocorkan apabila halaman melompat

Berikut ialah contoh kod menggunakan atribut rel:

<a href="http://www.example.com" rel="nofollow">Example</a>
Salin selepas log masuk
  1. atribut tajuk
    Atribut tajuk menentukan maklumat teks yang dipaparkan apabila tetikus melayang di atas pautan. Ini membantu pengguna memahami maksud atau tujuan pautan itu.
<a href="http://www.example.com" title="前往Example">Example</a>
Salin selepas log masuk
  1. atribut muat turun
    Atribut muat turun ialah atribut baharu dalam HTML5, yang menyatakan bahawa sumber terpaut perlu dimuat turun atau disimpan. Apabila pengguna mengklik pada pautan, penyemak imbas akan meminta untuk memuat turun fail atau memuat turun fail secara terus.
<a href="http://example.com/file.docx" download>下载</a>
Salin selepas log masuk

Apabila menetapkan atribut muat turun, anda boleh menentukan nama fail yang dimuat turun:

<a href="http://example.com/file.docx" download="mydoc.docx">下载</a>
Salin selepas log masuk

Di atas adalah beberapa kaedah tetapan atribut tag yang biasa digunakan. Perlu diingat bahawa apabila menetapkan teg, perhatian khusus harus diberikan kepada ketulenan dan kebolehpercayaan alamat sasaran pautan, serta korelasi antara teks pautan dan kandungan sasaran, untuk mengelakkan masalah seperti pengguna yang mengelirukan. atau membimbing pengguna untuk melawati tapak web berniat jahat.

Atas ialah kandungan terperinci tetapan html a. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan