Menentukan Bahasa Teks pada HTML Menggunakan Atribut Srclang
Atribut srclang digunakan untuk menentukan bahasa dari teks track pada dokumen html. Atribut srclang dapat diterapkan pada elemen <track>.
Sintak: <track src="subtitles_en.vtt" kind="subtitles" srclang="en">
Sebelum memahami lebih dalam materi tentang Menentukan Bahasa Teks pada HTML Menggunakan Atribut Srclang, terlebih dahulu pelajari materi tentang: Memeriksa Ejaan Teks HTML Menggunakan Atribut Spellcheck, Menentukan Ukuran HTML Menggunakan Atribut Size, dan Menyeleksi Elemen HTML Menggunakan Atribut Selected.
Contoh: berikut adalah ilustrasi program dari penggunaan atribut srclang.
<html>
<head>
<title>
HTML Atribut Srclang
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
Blog Elfan
</h1>
<h2>
HTML Atribut Srclang
</h2>
<video
width="100"
height="100"
controls>
<!-- src="..." diisi dengan
URL MP4 -->
<track
src="..."
id="myTrack1"
kind="subtitles"
srclang="en"
label="English">
<source
id="myTrack"
src="..."
type="video/mp4">
</video>
<p>
Click tombol
</p>
<button
onclick="myFunction()">
Get srclang
</button>
<p id="mkn"></p>
<!-- Script untuk mendapatkan
nilai dari properti srclang
-->
<script>
function myFunction()
{
var x = document.getElementById("myTrack1");
document.getElementById("mkn").innerHTML = x.srclang;
}
</script>
</body>
</html>
Menentukan bahasa teks dalam sebuah dokumen HTML adalah hal yang penting agar konten yang disajikan dapat dimengerti oleh pengguna dari berbagai negara dan budaya. Dalam HTML, atribut yang digunakan untuk tujuan ini adalah atribut "srclang". Atribut ini digunakan untuk mendefinisikan bahasa teks yang terdapat dalam elemen media, seperti subtitel atau transkrip video. Dengan menggunakan atribut srclang, pengembang web dapat memastikan bahwa elemen media tersebut dapat dikenali dengan benar oleh mesin atau aplikasi pembaca konten dan dapat memudahkan audiens dalam mengakses informasi yang disajikan.
Penggunaan atribut srclang secara tepat memungkinkan berbagai perangkat lunak pembaca layar dan alat bantu lainnya mengenali dan menampilkan teks dalam bahasa yang sesuai dengan preferensi pengguna. Atribut ini berfungsi sebagai petunjuk bagi perangkat lunak, yang dapat membaca atau menampilkan teks, mengenai bahasa teks yang akan diproses. Tanpa atribut yang jelas, pengalaman pengguna bisa terganggu karena ketidakmampuan perangkat lunak untuk menentukan bahasa yang tepat untuk subtitel atau teks yang disertakan dalam elemen multimedia.
Selain itu, penggunaan atribut srclang juga mempengaruhi cara mesin pencari dan sistem pengindeksan informasi bekerja. Dengan menandai elemen teks dengan atribut bahasa yang sesuai, dapat memudahkan proses pencarian dan pemahaman konteks teks tersebut oleh mesin pencari, yang pada gilirannya meningkatkan kemungkinan konten ditemukan oleh orang yang mencari informasi dalam bahasa yang relevan. Oleh karena itu, atribut srclang tidak hanya penting untuk aksesibilitas, tetapi juga untuk optimasi mesin pencari.
Atribut srclang terutama digunakan pada elemen yang berhubungan dengan media seperti video, dimana subtitel atau teks yang mendampinginya mungkin ditulis dalam berbagai bahasa. Subtitel adalah teks yang ditampilkan bersamaan dengan video untuk memberikan informasi tambahan tentang audio yang ada pada video tersebut. Atribut srclang menyertakan kode bahasa yang merujuk pada bahasa teks subtitel yang dipakai, seperti bahasa Indonesia, Inggris, atau bahasa lainnya. Hal ini memastikan bahwa subtitel yang ditampilkan cocok dengan bahasa yang digunakan dalam video atau konten multimedia yang lebih luas.
Tentu saja, penerapan srclang hanya akan efektif jika kode bahasa yang digunakan mengikuti standar yang telah ditetapkan. Misalnya, kode bahasa untuk bahasa Indonesia adalah "id", sedangkan untuk bahasa Inggris adalah "en". Kode bahasa tersebut bersifat standar dan memudahkan pengidentifikasian bahasa yang digunakan dalam teks. Atribut srclang bekerja dengan baik ketika diintegrasikan dengan elemen lain yang juga berkaitan dengan pengelolaan konten teks berbasis bahasa, seperti elemen track untuk subtitel.
Baca Juga:
Penggunaan atribut srclang tidak hanya terbatas pada konten multimedia, tetapi juga dapat diterapkan pada aplikasi web yang menyajikan teks dalam berbagai bahasa. Misalnya, pada halaman yang memiliki banyak elemen teks dalam berbagai bahasa, atribut srclang dapat memberikan informasi mengenai bahasa yang digunakan pada elemen tertentu. Dengan demikian, aplikasi web dapat memberikan pengalaman pengguna yang lebih baik, termasuk menyediakan pilihan bahasa yang sesuai dengan pengaturan pengguna. Hal ini dapat meningkatkan keberagaman dan aksesibilitas konten web tersebut, memperkaya pengalaman pengguna di seluruh dunia.
Selain memberikan manfaat bagi pengunjung atau pengguna yang membutuhkan subtitel atau teks dalam bahasa tertentu, atribut srclang juga membantu pengembang web dalam mengorganisir konten dengan lebih terstruktur. Dengan adanya atribut bahasa yang jelas, pengembang dapat dengan mudah mengelola berbagai elemen media yang disajikan dalam berbagai bahasa. Hal ini akan memudahkan untuk menambahkan, mengedit, atau menghapus subtitel yang tidak lagi diperlukan tanpa bingung tentang pengaturan bahasa yang sudah ada.
Namun, penerapan atribut srclang memerlukan pemahaman yang mendalam tentang bagaimana elemen-elemen multimedia dan teks yang ada pada sebuah halaman web saling berhubungan. Salah pengertian atau penggunaan atribut yang tidak tepat bisa mengakibatkan teks yang disajikan tidak dikenali dengan benar oleh pengguna, terutama yang bergantung pada perangkat aksesibilitas. Oleh karena itu, penting bagi pengembang untuk memeriksa kembali kode yang digunakan dan memastikan bahwa atribut srclang diterapkan dengan benar sesuai dengan bahasa yang dimaksud.
Dalam dunia yang semakin terkoneksi secara digital, kemampuan untuk berkomunikasi dengan audiens yang beragam menjadi lebih penting. Dengan penggunaan atribut srclang, pengembang dapat mengoptimalkan pengalaman pengguna dengan mempermudah dalam mengakses teks yang disediakan dalam bahasa yang dipahami. Ini bukan hanya masalah kenyamanan, tetapi juga tentang memastikan bahwa informasi dapat diterima oleh siapa pun tanpa hambatan bahasa. Tanpa atribut srclang, subtitel atau teks yang digunakan dalam berbagai bahasa mungkin tidak akan dikenali atau diproses dengan benar, yang dapat merusak pengalaman pengguna secara keseluruhan.
Pentingnya atribut srclang dalam menentukan bahasa teks dalam elemen multimedia juga tercermin dalam cara alat bantu aksesibilitas bekerja. Banyak pengguna web yang mengandalkan pembaca layar atau perangkat lunak pembantu lainnya untuk mengakses informasi di web. Dengan atribut srclang, perangkat ini dapat mengenali bahasa yang digunakan dan menyesuaikan cara penyajian teks, seperti mengubah pengucapan kata sesuai dengan bahasa yang relevan. Hal ini sangat berguna bagi pengguna dengan gangguan penglihatan atau disabilitas lainnya, yang mengandalkan pembaca layar untuk mengakses teks dan informasi di web.
Selain itu, penggunaan atribut srclang yang tepat juga menunjukkan komitmen terhadap inklusivitas dan aksesibilitas. Ketika sebuah situs web menyediakan subtitel yang dikelompokkan berdasarkan bahasa yang benar, ini menghilangkan hambatan yang sering ditemui oleh orang-orang dengan kebutuhan bahasa yang berbeda. Pengunjung yang menggunakan situs tersebut akan merasa dihargai dan diterima, karena konten yang disajikan relevan dan dapat dimengerti sesuai dengan bahasa.
Mengingat pentingnya atribut srclang dalam pengelolaan konten berbasis bahasa, sangat disarankan agar pengembang web memanfaatkan atribut ini semaksimal mungkin. Penggunaan atribut srclang yang benar akan membawa manfaat jangka panjang bagi situs web, baik dalam hal optimasi mesin pencari, aksesibilitas, maupun pengalaman pengguna. Oleh karena itu, setiap elemen teks yang memerlukan pengenalan bahasa harus dilengkapi dengan atribut srclang yang sesuai agar dapat memberikan informasi yang lebih jelas dan dapat dipahami dengan mudah oleh berbagai kalangan pengguna.
Dengan perkembangan teknologi yang semakin pesat, penerapan atribut srclang akan semakin penting untuk memastikan bahwa konten digital tetap dapat dijangkau dan dimengerti oleh audiens internasional. Penggunaan atribut ini dalam situs web atau aplikasi tidak hanya memenuhi kebutuhan fungsional, tetapi juga berperan penting dalam menciptakan pengalaman pengguna yang inklusif dan menyeluruh.
Referensi Tambahan:
- Cara Mudah Menentukan Link Target pada HTML
- Cara Menerjemahkan Konten Atribut Translate HTML5
- 7 Cara Mudah Menggunakan Atribut Value HTML
- Cara Mudah Menggunakan Event Onafterprint pada Elemen HTML
- Cara Mudah Penggunaan Atribut Onbeforeprint pada Elemen HTML
- Cara Mudah Melakukan Unloaded pada HTML
- Cara Memunculkan Pesan Error Menggunakan Atribut Onerror HTML
Artikel ini akan dibaca oleh: Dyah Ayu Rachmawati Dewi, Fahrul Rozi Isneniyanto, Frida Handayani, Hudan Daffa Sendy Pradana, dan Kurniawan Febri Prakoso.
5 komentar untuk "Menentukan Bahasa Teks pada HTML Menggunakan Atribut Srclang"
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 -
Apa yang dimaksud dengan atribut srclang pada elemen html?
BalasHapusAtribut srclang pada merupakan atribut html yang digunakan untuk menentukan bahasa data teks trek.
HapusAtribut srclang html dapat diterapkan juga dapat diterapkan pada elemen < track >.
HapusSusah sekali memahami fungsi dari atribut srclang, mending rakit PC aja.
BalasHapusBahasa data teks trek pada html merupakan jenis bahasa yang harus berupa tag bahasa BCP47 yang bersifat valid.
Hapus