HTML <blink> dan <marquee> (2020)

• Pada 1990-an, situs pribadi sering memakai teks berkedip dan bergulir untuk membuat “pembaruan terbaru” terlihat mencolok, dan kedua tag ini kini menjadi jejak budaya web yang sulit ditemui
• <blink> adalah tag yang masuk ke Netscape Navigator 2.0 pada 1995; Lou Montulli sering disebut sebagai sumber idenya, tetapi ia menyatakan tidak menulis kode implementasinya secara langsung
• Pada tahun yang sama, Microsoft Internet Explorer 2.0 memperkenalkan <marquee>, menyediakan efek berbasis atribut untuk mengontrol arah gulir, kecepatan, pengulangan, dan gerakan bolak-balik
• Jika kedua tag disarangkan, Netscape menampilkan kedipan, sedangkan IE menampilkan guliran; bahkan di browser yang tidak mendukungnya, teksnya sendiri tetap bisa dibaca
• <blink> praktis sudah hilang, dan <marquee> masih tersisa di sebagian browser modern, tetapi di situs web nyata keduanya lebih menyerupai nostalgia digital yang merusak aksesibilitas dan kegunaan

---

Persaingan efek visual yang diciptakan browser 1990-an

• <blink> dan <marquee> adalah elemen desain web khas 1990-an yang umum dipakai di situs pribadi untuk menarik perhatian
• Bahkan Macromedia Dreamweaver tampaknya memperlakukan cara membungkus <blink> dengan <marquee> seperti antipola

• <blink>: dari lelucon menjadi tag yang banyak dipakai

  • Penemuan <blink> biasanya dikaitkan dengan Lou Montulli, tetapi ia menyatakan tidak menulis sendiri kode implementasi akhirnya
  • Montulli adalah pembuat browser berbasis teks Lynx sebelum bergabung dengan Netscape pada 1994
  • Ada kisah bahwa ketika para engineer Netscape mengusulkan efek visual, ia berkata efek itu tidak akan berjalan di Lynx, lalu bercanda bahwa efek paling mencolok yang mungkin di kedua browser adalah menyalakan dan mematikan teks
  • Setelah itu, engineer lain yang namanya tidak dipublikasikan menambahkan <blink> dalam pekerjaan larut malam
  • Netscape Navigator 2.0 menambahkan dukungan <blink> pada 1995, dan pada periode yang sama juga menyertakan animated GIF serta bentuk awal JavaScript
  • Cara pakainya berupa struktur sederhana tanpa atribut, seperti <BLINK>This is my blinking text!</BLINK>
  • Saat rekomendasi HTML4 muncul dua tahun kemudian, <blink> didokumentasikan sebagai lelucon, tetapi tag ini banyak dipakai di web akhir 1990-an
  • Tag ini dipakai untuk membungkus judul “latest updates” atau seluruh blok di situs pribadi, dan nuansa era itu bisa dirasakan di Cameron’s World

• <marquee>: teks bergulir dari Internet Explorer

  • Microsoft merilis Internet Explorer 2.0 pada tahun yang sama dengan Netscape Navigator 2.0
  • Saat itu Internet Explorer masih berada pada tahap mengejar fitur yang diimplementasikan Netscape, tetapi alih-alih <blink>, Microsoft memperkenalkan <marquee>
  • <marquee> dapat mengontrol arah gulir, kecepatan, apakah diulang, dan gerakan memantul maju-mundur melalui berbagai atribut
  • Contohnya adalah <MARQUEE>Oh my god this still works in most modern browsers!</MARQUEE>, dan ini masih bisa berjalan di sebagian browser modern

Apa yang terjadi saat kedua tag ditumpuk

• Pada akhir 1990-an, membungkus konten yang ingin ditekankan dengan <blink> dan <marquee> sekaligus juga cukup umum
  • Contohnya adalah <MARQUEE><BLINK>This is my really important message!</BLINK></MARQUEE>
  • Pengguna Netscape bisa melihat teks berkedip, sedangkan pengguna IE bisa melihat teks yang bergulir atau bergerak bolak-balik
• Cara ini sejalan dengan sifat web, di mana browser mengabaikan elemen yang tidak dikenalnya dan terus merender
  • Berdasarkan Postel’s Law, browser harus memberikan rendering terbaik kepada pengguna meski menerima input yang tidak dipahaminya
  • Alasan elemen <video> modern berbentuk blok dan bukan tag self-closing juga agar browser lama yang tidak mengenal <video> dapat membaca kode fallback di dalamnya
• Bahkan di browser yang tidak mengenal kedua tag tersebut, teks kontennya tetap bisa dibaca
  • Karena menambahkan efek mencolok hanya pada browser yang mendukungnya dan menyisakan teks dasar untuk lingkungan lain, pendekatan ini mirip dengan progressive enhancement
  • JavaScript dan CSS juga bisa diterapkan dengan aturan yang sama, sehingga membantu maintainability dan aksesibilitas

Kini lebih menyerupai jejak sejarah

• Netscape 7 pada 2002 adalah salah satu browser langka yang mendukung <blink> dan <marquee> sekaligus
  • Ada beberapa kerumitan pada urutan dukungan dan elemen bersarang, tetapi di sebagian halaman web pribadi, guliran dan kedipan muncul bersamaan
• <blink> kini praktis merupakan tag yang sudah mati, dan jika benar-benar dibutuhkan, efek serupa dapat dibuat dengan CSS
• <marquee> masih hidup
  • Selain polyfill, dukungan native di sebagian browser juga masih tersisa
  • Meski begitu, penggunaan <marquee> di situs web nyata sebaiknya dihindari
• Sebagai materi untuk menikmati nostalgia digital, ini menarik, tetapi tidak ada alasan untuk memaksa pengguna lain melihat teks yang berkedip dan mengalir

[GN⁺]

Pendapat di Hacker News

• https://web.archive.org/web/20201111125145/https://danq.me/2...

• Rasanya seperti sudah ada sejak 3.000 tahun lalu
  Saya ingat masa ketika orang berdebat apakah memakai navigasi di dalam frame itu praktik buruk. Bukan iframe, tapi frame. Sebelum AJAX, kami memakai HTTP 204 untuk mengirim pesan ke server tanpa me-refresh halaman, dan pada awal 2000-an, dengan Dreamweaver kami menghabiskan berhari-hari menggambar batas negara bagian di atas peta negara untuk membuat image map yang bisa diklik
  Saat pembaruan template Dreamweaver menghapus perubahan, tidak ada version control jadi tidak ada cara memulihkannya, dan kami juga menangani posisi klik pada gambar di backend. Kami men-stream pembaruan halaman dengan Motion JPEG, dan untuk memperbaiki alpha blending PNG di IE kami melewati berbagai tahapan sebelum akhirnya bergantung pada cara ActiveX
  Kami membuat navigasi situs dengan Java, Flash, dan Silverlight, dan saya juga ingat betapa GIF spacer, conditional comment, dan Firebug terasa seperti penyelamat. Entah kapan saya menua; suatu hari tiba-tiba saja sudah begitu

  1. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...
  • Kami membuat software web dengan frame dan merasa itu sama sekali tidak bermasalah. Sampai sekarang saya masih tidak terlalu paham masalah nyata frame, dan kadang aksesibilitas screen reader disebut-sebut, tapi saya tetap tidak tahu persis apa masalahnya
  • Saya pernah mengerjakan proyek klien yang harus mendukung IE6, dan di tengah segala macam bug serta keterbatasan, setiap kali desainer menyerahkan mockup Photoshop dengan sudut membulat, rasanya putus asa
    Harus responsif juga, meski saat itu biasanya berarti menyesuaikan berbagai ukuran desktop, dan biasanya kami harus memotong bagian sudut lalu menaruhnya di sel tabel. Kalau melakukan hal seperti ini secara manual, sebagai developer Anda jadi punya ketahanan mental yang aneh
  • Saya ingat memotong GIF dengan sangat presisi memakai slice tool Photoshop lalu menempatkannya tepat di tabel HTML
    Desain-desainnya paling pas untuk 800x600, dan semua momen itu lenyap dalam waktu seperti air mata di tengah hujan
  • Sampai sekarang saya mengunjungi situs yang memakai frame beberapa kali seminggu. Sepertinya tidak ada yang memberi tahu pihak Open Group/POSIX bahwa sekarang tidak semestinya memakai frame
  • Saya membuat web chat dengan frame. Bagian atas adalah area tempat teks dimuat tanpa henti, dan bagian bawah adalah kotak input yang menerima respons 204 agar tidak refresh saat mengirim pesan
    Pada era IE4+, rasanya itu cara yang paling elegan

• Ini sesuatu yang saya buat dulu; setiap kali saya tunjukkan, orang-orang terkejut karena sama sekali tidak ada JavaScript. Semua animasinya hanya memakai tag marquee: https://udel.edu/~ianozi/

  • Saya mungkin lupa karena rasanya sudah sekitar 20 tahun tidak melihat tag marquee, tapi saya tidak tahu bahwa scroll vertikal bisa dilakukan dengan parameter direction
  • https://no-js.abhij.it/

• Teknik favorit saya di marquee adalah menumpuknya dengan arah yang berbeda
  Kalau marquee bagian dalam digerakkan berlawanan arah dengan bagian luar pada kecepatan yang sama, kontennya bisa dibuat seolah-olah berhenti setelah sempat scroll, dan kalau beberapa tingkat lagi diberi kecepatan bergantian, efeknya bisa tampak memantul acak. Sepertinya agar ini bekerja, marquee bagian dalam harus diberi lebar maksimum

• Ada satu alasan marquee sangat berguna, yaitu HTML injection
  Marquee bergerak, dan karena hampir tidak ada orang yang sengaja memakainya, saat menguji kerentanan HTML injection mudah sekali mengenali apakah serangan berhasil. Bahkan bagi orang nonteknis, penjelasan “ini tidak seharusnya bergerak, tapi bergerak” jauh lebih mudah dipahami daripada “teks ini tidak seharusnya tebal, tapi tebal”

  • Saat melakukan sanitasi HTML, saya memasukkan hanya marquee ke allowlist sebagai easter egg, dan hampir tidak mengizinkan yang lain
  • Saya membaca Hacker News lewat agregator kustom, dan berkat tulisan ini saya sadar agregator saya rentan terhadap HTML injection. Di layar, (2020) sedang berjalan seperti marquee
  • Saya selalu memakai tag <plaintext>. Karena elemennya tidak bisa ditutup, ia mengubah sisa dokumen menjadi HTML mentah, jadi sangat mencolok
    https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...

• Tag blink tentu saja sudah lama sangat dibenci, dan pada binary browser yang dulu saya pakai untuk eksperimen, mungkin Netscape, saya mencoba mencari "blink" lalu menggantinya menjadi "blonk". Ta-da, tidak berkedip lagi

  • Mengedit binary dulu maupun sekarang tetap cukup menyenangkan. Saya ingat pernah mengganti "__gnu_warning" menjadi "__gnu_whining" supaya omelan tidak perlu di sekitar gets() jadi diam
    Tentu saja mungkin ada buffer overrun, tapi kalau Anda sedang memakai program sekali buang, ya tinggal jangan melewati buffer
  • Saya juga mengutak-atik klien Slack seperti ini. Kelebihan aplikasi Electron adalah caranya benar-benar sederhana, dan Anda bisa menyingkirkan fitur yang tidak disukai
    Misalnya menyembunyikan notifikasi atau mematikan fitur yang mengirim sinyal bahwa saya sedang mengetik pesan

• “Sang binatang akan muncul dikelilingi awan-awan pembalasan yang berpusar. Rumah orang-orang yang tidak percaya akan runtuh dan mereka akan dibakar sampai ke tanah. Tag mereka akan berkedip hingga hari kiamat.”
  Itu kutipan dari The Book of Mozilla, 12:10 di about:mozilla, dan sekarang Mozilla sedang terbakar sampai ke tanah. Tamat

  • Meski begitu, saya masih memakai Firefox sebagai browser utama

• Seorang teman selalu memakai cara membungkus nama tengahnya dengan tag untuk cepat memeriksa escape yang hilang dan potensi XSS. Dulu ini berhasil menemukan masalah dengan sangat mengejutkan

• Komentar ini sedang dalam pembangunan. Silakan sering kembali untuk melihat pembaruan

  • Di mana visitor counter dan guestbook-nya?
  • Halaman ini dioptimalkan untuk browser apa?
  • Jangan lupa [NEW]

• Salah satu alasan orang membenci elemen-elemen seperti ini adalah karena disalahgunakan
  Namun berkat penyalahgunaan itu, banyak orang mencoba HTML sendiri. Bagi orang yang baru pertama memakai HTML, mencoba blink atau marquee itu cukup memuaskan, semacam gateway drug ke dunia HTML
  Orang-orang yang memakai elemen seperti ini pada akhirnya mungkin belajar bahwa sebaiknya tidak memakainya, atau kalau itu halaman mySpace, mungkin terus memakainya. Mudah saja menertawakan blink dan marquee, mirip seperti desainer grafis meremehkan orang yang memakai Comic Sans, tetapi tabu semacam ini sangat berguna untuk membuat orang punya kepercayaan diri untuk “coba saja dulu”