Lompat ke konten Lompat ke sidebar Lompat ke footer

Atribut Translate HTML5 dan Fungsinya

Atribut translate pada HTML digunakan untuk menentukan apakah konten dari elemen akan diterjemahkan atau tidak. Atribut ini merupakan atribut baru yang terdapat pada HTML5.


Sebelum mempelajari materi tentang Atribut Translate HTML5 dan Fungsinya, terlebih dahulu pelajari materi tentang: Membuat Kotak Pembatas Form Menggunakan Tag Fieldset HTML5, Operator Matematika HTML5 dan Fungsinya, dan Tag Video HTML5 dan Fungsinya.

Atribut translate adalah salah satu atribut dalam HTML yang digunakan untuk menandai apakah sebuah elemen atau bagian dari halaman web seharusnya diterjemahkan oleh layanan penerjemahan otomatis atau tidak. Meskipun atribut ini sebelumnya ada dalam spesifikasi HTML, per September 2021, W3C (World Wide Web Consortium) telah menghapusnya dari HTML Living Standar karena kurangnya konsistensi dukungan dan kebutuhan yang tidak jelas.

Penggunaan Atribut Translate

Atribut translate diterapkan pada elemen HTML tertentu, seperti teks pada paragraf (<p>), div (<div>), atau elemen teks lainnya yang ingin dikontrol apakah seharusnya diterjemahkan atau tidak.

Sintak:
<element translate = "yes|no">


Nilai Atribut Translate

Sebelum dihapusnya atribut translate, nilai yang umum digunakan adalah:
  • translate="yes": Menandakan bahwa teks dalam elemen seharusnya diterjemahkan jika layanan penerjemahan otomatis tersedia. Atribut ini juga digunakan untuk menentukan bahwa konten dari elemen akan diterjemahkan.
  • translate="no": Menandakan bahwa teks dalam elemen tidak boleh diterjemahkan atau tidak akan diterjemahkan.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Translate

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

<h1>

Blog Komputer

</h1>

 

<h2>

<strong >

Atribut Translate

</strong>

</h2>

 

<p translate="no">

Don't translate this!

</p>

 

<p>

This can be translated to any language.

</p>

</body>

 

</html>

Output:

Blog Komputer

Atribut Translate

Don't translate this!

This can be translated to any language.


Contoh: Penggunaan atribut translate.

<!DOCTYPE html>

<html>

<body>


<p translate="no">

Teks ini seharusnya tidak diterjemahkan.

</p>


</body>

</html>


Penjelasan: Pada contoh yang dijelaskan sebelumnya, nilai atribut translate diatur sebagai "no", yang menunjukkan bahwa teks di dalam elemen <p> tersebut tidak boleh diterjemahkan.

Baca Juga:

Kelebihan Atribut Translate

Beberapa kelebihan yang dapat disebutkan terkait penggunaan atribut translate:
  • Kontrol Terhadap Penerjemahan: Atribut translate memberikan kontrol langsung terhadap bagian-bagian tertentu dari halaman web yang ingin atau tidak ingin diterjemahkan. Ini memungkinkan pengembang untuk menentukan secara spesifik bagian mana dari konten yang seharusnya atau tidak seharusnya diterjemahkan oleh alat penerjemahan otomatis.
  • Penyesuaian Konten untuk Pengguna Berbahasa Asing: Dengan atribut translate, pengembang dapat memastikan bahwa konten khusus, seperti istilah teknis, nama merek, atau frasa spesifik dalam bahasa tertentu, tetap dalam bahasa aslinya. Ini membantu mempertahankan konsistensi dan akurasi dalam konten, terutama bagi pengguna yang tidak menginginkan penerjemahan terhadap konten-konten tertentu.
  • Pengaturan Penerjemahan yang Fleksibel: Penggunaan atribut translate dapat memberikan fleksibilitas dalam hal menentukan elemen mana yang boleh atau tidak boleh diterjemahkan. Ini berguna terutama jika sebuah halaman web memiliki beberapa bagian konten yang tidak relevan untuk diterjemahkan atau jika keakuratan konten dalam bahasa aslinya sangat penting.
  • Mendukung Pengalaman Pengguna yang Lebih Baik: Dengan adanya kontrol penerjemahan konten pada level elemen, pengguna dapat memiliki pengalaman yang lebih baik dalam mengakses konten dalam bahasa yang dipilih, sambil mempertahankan keakuratan dan konsistensi informasi yang disediakan oleh pengembang.

Saat ini, tidak ada kekurangan spesifik yang dapat diidentifikasi dari atribut translate dalam HTML karena W3C telah menghapus atribut ini dari HTML Living Standar pada September 2021. Meskipun demikian, sebelum dihapus, terdapat beberapa masalah yang dapat dianggap sebagai kekurangan dari atribut translate:
  • Kurangnya Konsistensi Dukungan Browser: Salah satu masalah utama dari atribut translate adalah kurangnya konsistensi dukungan di berbagai browser. Beberapa browser mungkin tidak sepenuhnya mendukung atau mengimplementasikan atribut ini secara seragam, menyebabkan perilaku yang tidak dapat diprediksi dalam penerjemahan konten.
  • Tidak Jelasnya Kebutuhan dan Penggunaan Atribut: Penggunaan atribut translate dalam praktiknya dapat menjadi tidak jelas. Sebagian besar konten web yang memerlukan penerjemahan cenderung diterjemahkan melalui layanan atau alat penerjemahan otomatis yang disediakan oleh browser atau pihak ketiga. Dalam banyak kasus, atribut ini tidak digunakan secara luas atau digunakan secara inkonsisten.
  • Penghapusan dari Standar HTML: Keputusan W3C untuk menghapus atribut translate dari standar HTML menunjukkan bahwa atribut ini tidak lagi direkomendasikan untuk digunakan dalam pengembangan web. Penghapusan ini mungkin sebagian besar disebabkan oleh kurangnya konsistensi dukungan dan kebutuhan yang tidak jelas.
  • Alternatif yang Lebih Terkini dan Lebih Terdukung: Dalam mengelola penerjemahan konten pada halaman web, pengembang cenderung beralih ke metode atau alat penerjemahan otomatis yang disediakan oleh browser atau layanan pihak ketiga. Alternatif modern ini memberikan kontrol yang lebih baik terhadap penerjemahan konten dan sering kali lebih mudah diimplementasikan daripada menggunakan atribut translate.

Perubahan dalam Standar HTML

Meskipun atribut translate telah ada sebelumnya dalam spesifikasi HTML, namun karena kurangnya konsistensi dalam dukungan browser dan keragaman penggunaan yang tidak jelas, W3C memutuskan untuk menghapusnya dari HTML Living Standar.

Alternatif untuk Penerjemahan Konten

Atribut translate merupakan atribut yang telah dihapus dari standar HTML, dimana telah disediakan alternatif lain untuk mengatur penerjemahan konten pada halaman web, dimana alternatif lain tersebut adalah menggunakan metode penerjemahan yang disediakan oleh browser atau layanan pihak ketiga dapat memberikan kontrol yang lebih baik terhadap proses penerjemahan. Layanan penerjemahan umumnya menawarkan fitur atau tag khusus yang memungkinkan pengguna atau pengembang web mengatur penerjemahan konten dengan lebih terperinci. Untuk mengontrol penerjemahan konten pada halaman web, disarankan untuk memanfaatkan metode penerjemahan yang disediakan oleh browser atau layanan pihak ketiga yang dapat memberikan kontrol yang lebih baik terhadap proses penerjemahan.

Alternatif Lainnya

Meskipun atribut translate telah dihapus dari HTML Living Standar, namun masih ada alternatif lain yang bisa digunakan untuk mengatur atau mengontrol penerjemahan konten di halaman web. Beberapa alternatif ini termasuk:
  • Metode Penerjemahan Browser atau Layanan Pihak Ketiga: Banyak browser modern memiliki fitur bawaan untuk menerjemahkan halaman web secara otomatis ke bahasa yang dipilih pengguna. Pengguna biasanya dapat mengaktifkan atau menonaktifkan fitur ini sesuai kebutuhan. Selain itu, ada juga layanan pihak ketiga yang menyediakan alat penerjemahan otomatis yang dapat ditanamkan di halaman web dan memberikan kontrol lebih besar atas proses penerjemahan.
  • Menggunakan Atribut Lang HTML: Atribut lang pada elemen <html> digunakan untuk menandai bahasa dokumen secara keseluruhan. Penggunaan atribut ini membantu mesin pencari dan alat penerjemahan untuk memahami bahasa konten secara tepat.
  • Penggunaan Markup yang Tepat untuk Konten Tertentu: Menggunakan markup yang tepat untuk jenis konten tertentu juga dapat membantu dalam mengatur penerjemahan. Misalnya, menggunakan tag <p> untuk teks paragraf, <h1> hingga <h6> untuk judul, dan <ul> serta <ol> untuk daftar. Markup yang tepat membantu alat penerjemahan untuk memahami konteks dari setiap elemen.
  • Penggunaan Atribut hreflang: Atribut hreflang pada tag <link> digunakan untuk menunjukkan versi bahasa dari halaman atau sumber daya web yang terhubung dengan URL tertentu. Hal ini membantu mesin pencari untuk menampilkan versi yang sesuai dengan bahasa yang dicari oleh pengguna.
  • Penggunaan Fitur Lain dalam Bahasa Markup: Beberapa tag HTML memiliki fitur bawaan untuk mendukung konten multibahasa atau fitur tertentu yang membantu dalam manajemen penerjemahan. Misalnya, tag <track> untuk teks subjudul, atau penggunaan atribut lang pada elemen yang relevan.

Meskipun atribut translate memiliki tujuan untuk memberikan kontrol terhadap penerjemahan konten dalam HTML, namun penghapusannya dari standar HTML menunjukkan bahwa atribut ini memiliki masalah dalam hal konsistensi dukungan dan kebutuhan yang kurang jelas. Saat ini, disarankan untuk menggunakan alternatif yang lebih modern dan lebih terdukung untuk mengelola penerjemahan konten di halaman web.

Referensi Tambahan:

Artikel ini didedikasikan kepada: Sofian Panuntun, Taris Nur Adzhani, Thali'Ah Sa'Diyah Salsabil, Vicga Wandansari, dan Wahyuni Ambarwati.

5 komentar untuk "Atribut Translate HTML5 dan Fungsinya"

  1. Apa fungsi dari atribut translate pada html?

    BalasHapus
    Balasan
    1. Atribut translate global merupakan atribut enumerasi yang digunakan untuk menentukan apakah nilai atrbut yang terdapat pada suatu halaman html dapat diterjemahkan atau tidak ketika halaman tersebut dipublish ke internet, atau hanya dibiarkan apa adanya.

      Hapus
  2. Apakah website yang kita buat sebaiknya mengaktifkan nilai atribut translate tersebut, supaya bisa diakses oleh para pengunjung secara global?

    BalasHapus
    Balasan
    1. Bergantung dari keperluan pembuatan website itu sendiri, jika tujuannya hanya untuk pembaca lokal, maka tidak perlu.

      Hapus
  3. Atribut translate dapat muncul pada elemen apapun, dan hanya membutuhkan dua pengaturan nilai: TRUE dan FALSE. Jika bernilai FALSE, maka alat penerjemah akan melindungi teks tersebut dari proses penerjemahan.

    BalasHapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -