Cara menggunakan html to link converter

• Gabung
• Kompres
• Pisah
• Sunting
• Mengubah
• Semua peralatan
  • Konversi & Kompres
  • Kompres PDF
  • Pengubah PDF
  • OCR PDF
  • Pisahkan & Gabungkan
  • Pisah PDF
  • Gabung PDF
  • Lihat & Sunting
  • Penyunting PDF
  • Ubah Ukuran PDF
  • Pembaca PDF
  • Pembuat PDF
  • Putar PDF
  • Ubah dari PDF
  • PDF ke Word
  • PDF ke Excel
  • PDF ke PPT
  • PDF ke JPG
  • Pengubah PDF
  • Ubah ke PDF
  • Word ke PDF
  • Excel ke PDF
  • PPT ke PDF
  • JPG ke PDF
  • Tanda Tangan & Pengaman
  • E-Sign PDF
  • Buka Kunci PDF
  • Lindungi PDF
  • View all tools

Cobalah Soda PDF Desktop Harga

• Ubah dari PDF
• PDF ke HTML
• PDF ke DOCX
• PDF ke TIFF

• Ubah ke PDF
• HTML ke PDF
• TXT ke PDF
• GIF ke PDF
• DOCX ke PDF
• TIFF ke PDF

• Lihat & Sunting
• Hapus PDF
• Tanda Air
• Penomoran Halaman
• Penomoran Bates
• Pengisi Form PDF

• Ubah Gambar
• JPG ke PNG
• PNG ke JPG
• GIF ke PNG
• BMP ke JPG
• JPG ke GIF
• GIF ke JPG

• SUMBER DAYA
• Unduh sekarang
• Harga
• Bantuan
• Blog
• Pusat Sumber Daya

• HUBUNGI KAMI
• Kritik & Saran
• Hubungi Sales
• Agen
• Afiliasi

Soda™ merupakan merek dagang terdaftar dari Avanquest Software™.

Hak Cipta © 2023 Hak cipta dilindungi.

• Kebijakan Privasi
• Kebijakan Cookie
• Ketentuan Penggunaan
• Impressum
• Peta Situs
• Pengaturan cookie

Tabs itu keren, bukan? Mereka membuat para multitasker mengerjakan berbagai macam pekerjaan online kita secara bersamaan.

Tabs adalah hal yang sangat biasa di zaman sekarang, dimana jika kamu mengklik suatu link, akan kemungkinan terbuka di tab baru.

Jika kamu terheran bagaimana cara membuat hal itu dengan link-linkmu, kamu datang di tempat yang tepat!

Elemen Anchor

Untuk membuat suatu link dalam suatu halaman web, kamu harus memasukkan suatu elemen (teks, gambar, dll) dalam elemen anchor (<a>) dan menyetel href nya menjadi URL linkmu.

<p>Lihat <a href="https://www.freecodecamp.org/">freeCodeCamp</a>.</p>

Lihat freeCodeCamp.

Jika kamu klik link diatas, browsermu akan membuka link tersebut di tab ini. Ini adalah setelan awal dari setiap browser.

Untuk membuat link tersebut untuk terbuka di tab baru, kita harus menambahkan atribut untuk elemen anchornya.

Atribut Target

Sebuah atribut memberitahu browsernya cara membuka suatu link.

Untuk membuka link di tab baru, kamu hanya perlu menyetel atribut target menjadi _blank:

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

Sekarang jika seseorang mengklik linknya, link tersebut akan terbuka di tab baru, atau kemungkinan window baru, tergantung dari setelan browser penggunanya.

Masalah keamanan dari penggunaan target="_blank"

Saya sangat merekomendasikan kamu untuk menambahkan rel="noreferrer noopener" di dalam elemen anchor setiap kali kamu menggunakan atribut target.

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Hasil dari kode tersebut:

Lihat freeCodeCamp.

Atribut

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

Apa itu tabnabbing?

Tabnabbing, atau sering dikenal sebagai reverse tabnabbing, adalah sebuah eksploit yang menggunakan setelan umum browser dengan target="_blank" untuk mendapatkan akses untuk halamanmu melalui API

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

Dengan tabnabbing, halaman yang kamu hubungkan dapat menyebabkan halamanmu untuk diredirect ke halaman login palsu. Ini akan membuat pengguna-pengguna tidak sadar, karena mereka hanya fokus pada tab yang baru saja mereka buka – bukan tab yang original dengan halamanmu,

Dan jika seseorang kembali ke tab dengan halamanmu, mereka akan melihat halaman login palsu dan kemungkinan memasukkan detail login mereka.

Jika kalian tertarik untuk mempelajari tabnabbing lebih lanjut, lihatlah artikel Alex Yumashev dan juga ini dari OWASP.

Jika kalian ingin melihat contoh aman, lihatlah halaman ini dan repo GitHubnya untuk informasi lebih lanjut tentang eksploit dan atribut

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

Kesimpulan

Kita dapat menggunakan HTML untuk membuka link di tab baru. Kamu hanya butuh menambahkan elemen anchor (<a>) dengan tiga atribut penting lainnya:

1. Atribut href yang disetel ke URL halaman yang kamu ingin hubungkan.
2. Atribut target yang disetel ke _blank, yang memberitahu browsernya untuk membuka link tersebut pada tab/window baru, tergantung setelan browsernya.
3. Atribut

   <p>Lihat <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a>.</p>

   1 yang disetel ke

   <p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

   1 untuk menghindari terjadinya serangan-serangan dari halaman yang kamu ingin hubungkan.

Lagi, ini adalah contoh kode yang baik:

<p>Lihat <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Yang menghasilkan:

Lihat freeCodeCamp.

Terima kasih lagi untuk membaca. Selamat koding.

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT

Author: Kris Koishigawa (English)

Read more posts.

If you read this far, tweet to the author to show them you care. Tweet a thanks

Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started

Bagaimana cara merubah HTML ke Word?

Bagaimana cara mengubah html menjadi pdf?

Apakah WordPress menggunakan HTML?