Atribut Global HTML: Translate - Mengatur Izin Translate

Atribut translate adalah atribut dunia dalam HTML5, nan berfaedah dapat diterapkan ke komponen HTML apa pun. Atribut ini memberikan petunjuk kepada perangkat terjemahan, seperti Google Translate, apakah konten dalam komponen tersebut kudu diterjemahkan alias tidak.

Atribut ini mempunyai dua nilai nan valid:

1. yes: Menandakan bahwa konten komponen tersebut boleh diterjemahkan.
2. no: Menandakan bahwa konten komponen tersebut tidak boleh diterjemahkan.

Sintaks Dasar

<elemen translate="yes|no">Konten</elemen>

Contoh:

<p translate="no">OpenAI GPT-4</p>

Dalam contoh di atas, teks "OpenAI GPT-4" tidak bakal diterjemahkan oleh perangkat terjemahan lantaran atribut translate diatur ke no.

1. Kontrol Terjemahan: Pengembang mempunyai kendali penuh atas komponen mana nan sebaiknya diterjemahkan alias tidak. Ini sangat berfaedah untuk nama produk, merek dagang, alias istilah teknis nan tidak semestinya diterjemahkan.
2. Konsistensi Konten: Dengan mencegah terjemahan pada komponen tertentu, developer dapat menjaga konsistensi dan kecermatan konten nan spesifik, seperti nama orang, alamat email, alias URL.
3. Pengalaman Pengguna nan Lebih Baik: Dengan mengontrol terjemahan, situs web dapat memberikan pengalaman pengguna nan lebih baik, terutama bagi pengguna multibahasa nan memerlukan kejelasan pada komponen tertentu.

Untuk memahami langkah menggunakan atribut translate, mari kita lihat beberapa skenario praktis:

Menghindari Terjemahan pada Nama Produk

Dalam situs e-commerce, nama produk seringkali tidak perlu diterjemahkan lantaran dapat menyebabkan kebingungan. Berikut adalah contoh gimana atribut translate digunakan dalam konteks ini:

<div class="product"> <h2 class="w-heading" translate="no">Nike Air Max</h2> <p>Experience the comfort of Nike Air Max.</p> </div>

Dalam contoh di atas, nama produk "Nike Air Max" tidak bakal diterjemahkan, sementara penjelasan produk tetap dapat diterjemahkan.

Melindungi Informasi Kontak

Informasi kontak, seperti alamat email dan nomor telepon, tidak boleh diterjemahkan. Berikut adalah langkah mengimplementasikannya:

<div class="contact-info"> <p>Email: <span translate="no">[email protected]</span></p> <p>Phone: <span translate="no">+1-800-123-4567</span></p> </div>

Dengan penggunaan atribut translate, alamat email dan nomor telepon tetap tidak berubah terlepas dari bahasa nan digunakan pengguna.

Mengatur Terjemahan pada Formulir

Formulir di situs web sering kali mengandung label dan placeholder nan sebaiknya tidak diterjemahkan untuk menjaga kegunaan dan kejelasan. Berikut adalah contohnya:

<form> <label for="username" class="w-heading" translate="no">Username:</label> <input type="text" id="username" name="username" placeholder="Enter your username" translate="no"> <button type="submit">Submit</button> </form>

Dalam contoh ini, label dan placeholder untuk input tidak bakal diterjemahkan, sehingga pengguna dapat mengisi blangko dengan betul tanpa kebingungan.

Studi Kasus: Situs Berita Internasional

Bayangkan sebuah situs buletin internasional nan menyajikan konten dalam beragam bahasa. Di situs ini, beberapa elemen, seperti nama penulis dan istilah khusus, sebaiknya tidak diterjemahkan. Berikut adalah gimana atribut translate dapat diterapkan:

<article> <h1 class="w-heading">Global Economic Update</h1> <p>By <span translate="no">John Doe</span></p> <p translate="no">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>According to the latest report, dunia markets are experiencing significant growth...</p> </article>

Di sini, nama penulis "John Doe" dan paragraf tertentu nan berisi istilah teknis dalam bahasa Latin tidak diterjemahkan untuk mempertahankan keaslian konten.

Studi Kasus: Portal Pendidikan Online

Dalam portal pendidikan nan menawarkan kursus online, materi pelajaran dan nama kursus mungkin tidak mau diterjemahkan untuk menjaga akurasi. Contohnya:

<div class="course"> <h2 class="w-heading" translate="no">Introduction to Quantum Physics</h2> <p>Learn the basics of quantum physics in this introductory course...</p> </div>

Nama kursus "Introduction to Quantum Physics" tidak diterjemahkan untuk memastikan siswa memahami bahwa ini adalah kursus tertentu nan dikenal dengan nama tersebut.

Meskipun atribut translate menawarkan banyak manfaat, ada beberapa tantangan dan pertimbangan nan kudu diingat:

1. Konsistensi Penggunaan: Pengembang kudu konsisten dalam menerapkan atribut ini untuk menghindari kebingungan. Dokumentasi internal nan baik dapat membantu menjaga konsistensi.
2. Perangkat dan Alat Terjemahan: Tidak semua perangkat terjemahan mendukung atribut translate. Oleh lantaran itu, developer kudu menguji situs web mereka dengan beragam perangkat terjemahan untuk memastikan kompatibilitas.
3. Pembaruan Konten: Saat konten diperbarui, atribut translate mungkin perlu diperiksa dan disesuaikan. Ini memerlukan pengelolaan konten nan baik untuk memastikan bahwa komponen nan tidak mau diterjemahkan tetap sesuai dengan kebijakan nan telah ditetapkan.