5 Elemen HTML yang Mungkin Anda Tidak Tahu Cara Menggunakan

Akrab namun tidak dikenal, atau sama sekali baru, itu terjadi pada kita kehilangan bagian dari sintaks HTML yang mungkin berubah menjadi pengetahuan penting yang kami bisa dimanfaatkan dengan baik. Itu sebabnya apakah itu fitur baru HTML atau aplikasi yang kurang dikenal yang belum masuk ke radar Anda, kami cukup sering membahasnya di situs ini.

Dalam posting hari ini, kita akan melihat ke dalam lima elemen HTML, beberapa di antaranya mungkin sering Anda gunakan, tetapi mungkin tidak pada potensi penuhnya.

1.

Itu elemen memiliki fungsi yang mirip dengan data-* atribut. Itu bisa digunakan untuk menyediakan data yang dapat dibaca mesin untuk konten yang ramah pengguna. Itu nilai atribut elemen ini membawa informasi yang ditambahkan.

 
Tiga volume novel Lord of the Rings adalah: Persekutuan Cincin, Dua Menara, dan Kembalinya Sang Raja.
 
ISBN buku yang disebutkan di halaman ini: 
 

Dalam HTML di atas, ISBN dari setiap buku ditambahkan dalam nilai atribut dari elemen yang melampirkan judul buku. Di pasar buku, ISBN digunakan untuk mengidentifikasi buku secara unik.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

Untuk memperlihatkan kepada Anda cara mengekstrak nilai dalam JavaScript, skrip di atas mengekstrak ISBN dari menandai dan menampilkannya, bersama dengan judul buku, di tempat yang ditentukan di halaman.

2.

Kemungkinan besar Anda sudah terbiasa dengan elemen, namun itu bukan hanya untuk kotak centang. Bisa kontrol lainnya bisa diterima elemen juga, melakukan tindakan mereka sama seperti melakukan tindakan kotak centang.

Anda hanya perlu gunakan nilai yang sama Untuk id atribut elemen HTML yang ingin Anda kontrol dan untuk atribut milik menandai.

  Mengklik teks ini klik tombol di bawah ini.   WASPADA  

Mengklik teks akan memicu klik acara dan tampilkan pesan peringatan yang diberikan.

3.

Elemen ini sebagian besar digunakan untuk bahasa Asia Timur, Namun ini bukan”t hanya menggunakan case-nya. Tujuan dari hanya untuk tambahkan anotasi atau pelafalan untuk teks, dan Anda dapat melakukannya dengan konten bahasa Inggris juga.

Elemen membungkus dua sub-elemen utama, yaitu dan . Itu tag menampung teks yang ingin Anda beri keterangan (disebut mendasarkan teks) dan memegang anotasi itu sendiri.

 
Seseorang yang mendirikan bisnis atau bisnis, mengambil risiko finansial dengan harapan mendapat keuntungan, dipanggil pengusahaà ??  ?? à ?? Â'ntrà ??  ?? prà ??  ?? à ??  ?? nà ??  ?? à ??  ??; seorang promotor di industri hiburan.
 

Pengucapan dari “pengusaha” kata ditambahkan menggunakan elemen di dalam paragraf. Kata itu sendiri terbungkus dalam tag dan pelafalan dalam .

Beginilah hasilnya:

4.

Itu

elemen untuk daftar yang dipesan adalah elemen lain yang mungkin Anda kenal. Itu membuat daftar itu memiliki elemen bernomor, sebagai lawan dari daftar tidak berurutan yang dibuat dengan
.

Anda mungkin sudah tahu tentang pemesanan, tetapi apakah Anda tahu itu pesanan bisa dibalik? Alih-alih pesanan yang meningkat, penomoran menurun juga bisa dilakukan oleh

, menggunakan terbalik atribut.

 
 
Scrabble
 
Mahjong
 
Monopoli
 
Catur
 
Jenga
 
 

Itu terbalik atribut membalikkan penomoran, selagi mengetik atribut menentukan jenis penomoran. Ibu kota saya menunjukkan penomoran roman ibu kota.

Beginilah tampilannya di layar:



5.

Itu elemen dimaksudkan untuk bungkus sebuah istilah yang didefinisikan oleh teks di sekitarnya. Teks terlampir oleh tag adalah ditata oleh browser dengan huruf miring, artinya ini adalah istilah yang didefinisikan.

Anda dapat menambahkan definisi istilah di dalamnya dalam nilai nya judul atribut, yang berguna untuk mendefinisikan kata-kata yang belum tentu ditentukan oleh teks di sekitarnya.

Itu elemen bekerja mirip dengan yang menampilkan arti dari sebuah singkatan yang diberikan di dalamnya judul atribut ketika pengguna mengarahkan elemen.

 
Ada  pembelahan dua  antara desain dan prototipe.
 

Ini miliknya styling browser default, namun di situs produksi, Anda mungkin ingin menggunakan gaya yang berbeda:



Mengambil kursor di atas kata yang ditentukan, halaman akan tampilkan definisi yang ditambahkan di judul atribut.