Lebih cerdas daripada Ctrl+F: menautkan langsung ke konten halaman web

• Text Fragment adalah fitur platform web yang kuat yang memungkinkan penautan secara tepat ke teks tertentu di dalam halaman web tanpa perlu menambahkan anchor
• Fitur ini dilengkapi oleh elemen semu CSS ::target-text yang menyediakan cara untuk mengatur gaya teks yang disorot
• Sintaks dasar URL text fragment:
  • https://example.com/page.html/…]
• Tambahkan sintaks khusus :~: setelah tanda hash, lalu tambahkan berikut ini setelah text=:
  1. prefix-: string teks yang harus muncul tepat sebelum teks yang ditautkan. Jika ada beberapa kecocokan, ini membantu browser menautkan ke teks yang benar. Bagian ini tidak disorot
  2. textStart: awal dari teks yang akan disorot
  3. textEnd: bagian akhir dari teks yang akan disorot
  4. -suffix: bekerja mirip dengan prefix-, tetapi berupa string teks setelah tanda hubung yang datang setelah teks. Berguna saat ada beberapa kecocokan dan tidak ikut disorot bersama teks yang ditautkan
• Jika browser mendukung text fragment, gaya teks yang disorot dapat diubah menggunakan elemen semu ::target-text
  • ::target-text { background-color: yellow; }
• Hanya properti berikut yang dapat diubah:
  • color
  • background-color
  • text-decoration dan properti terkait
  • text-shadow
  • stroke-color, fill-color, stroke-width
  • properti kustom
• Dukungan browser dan perilaku fallback
  • Text Fragment saat ini didukung di semua browser
  • Elemen semu ::target-text belum didukung di Safari, tetapi tersedia di versi Technology Preview
  • Jika fitur ini tidak didukung di browser, halaman akan dimuat tanpa penyorotan teks atau pengguliran
  • Gaya bawaan penyorotan berbeda-beda di setiap browser
• Pemikiran penutup
  • Awalnya saya mengira text fragment adalah fitur khusus Chrome, tetapi kemudian menyadari bahwa ini sebenarnya berbasis web terbuka yang dapat diimplementasikan di semua browser
  • Saya berharap fitur ini digunakan lebih luas, terutama dalam sistem AI generatif yang dapat diandalkan
  • Akan bagus jika semua pengguna dapat memakai text fragment dengan mudah
• Pembaruan
  • Browser berbasis Chromium sudah memiliki fitur bawaan untuk membuat tautan ke teks tertentu
  • Jika Anda menggunakan Chrome, sorot teks lalu klik kanan, dan Anda dapat menemukan opsi "Salin link ke sorotan" di menu konteks

[plorrr]

Kadang saya melihat yang seperti ini saat mencari di Google, ternyata ini ya.

[siisee11]

Oh, jadi fitur di Arc Browser yang menyalin tautan ke teks itu ternyata fungsi seperti ini..!

[galadbran]

Di browser Edge, kalau memilih teks lalu membuka menu konteks dengan klik kanan, ada menu bernama "Copy link to highlight", dan karena fitur itu saya jadi tahu kalau ada spesifikasi seperti ini.

[galadbran]

Di Firefox, saya menggunakannya dengan memasang ekstensi bernama https://github.com/ichaoX/ext-textFragment .

[joyfui]

Oh, ekstensi yang bagus, terima kasih.

[huiya]

Wah, ini menarik ya

[secret3056]

Ada fitur seperti ini.... dunia browser ternyata makin dipelajari makin terasa ada segalanya.

https://id.news.hada.io/topic?id=17474#:~:text=awalnya,kesadaran