5 Elemen HTML yang Anda Tidak Tahu Cara Penggunaan

Dikenali belum diketahui, atau benar-benar baru, ia berlaku bahawa kita terlepas bahagian-bahagian sintaks HTML yang mungkin menjadi pengetahuan penting yang kita boleh digunakan untuk kegunaan yang baik. Itulah sebabnya sama ada ia ciri baru HTML atau aplikasi kurang dikenalinya yang belum lagi masuk ke dalam radar anda, kami menutupnya secara serentak di laman web ini.

Dalam jawatan hari ini, kami akan melihat lima elemen HTML, beberapa yang anda kerap digunakan, tetapi mungkin tidak sepenuhnya berpotensi.

1.

The elemen mempunyai fungsi yang serupa dengan data- * sifat-sifatnya. Ia boleh digunakan untuk menyediakan data boleh dibaca mesin untuk kandungan yang mesra pengguna. The nilai sifat elemen ini membawa maklumat tambahan.

 
Tiga jilid novel Lord of the Rings adalah: The Fellowship of the Ring, The Two Towers, dan Pulangan Raja.
 
ISBN buku yang disebutkan dalam halaman ini: 
 

Dalam HTML di atas, yang ISBN setiap buku adalah ditambah dalam nilai sifat dari elemen yang melampirkan tajuk buku. Di pasaran buku, ISBN digunakan untuk mengenal pasti 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 (',') 

Secara kasar menunjukkan kepada anda bagaimana untuk mengekstrak nilai dalam JavaScript, skrip di atas mengekstrak ISBN dari tag dan memaparkannya, bersama-sama dengan tajuk buku, di tempat yang ditetapkan di halaman.

2.

Kemungkinan besar anda sudah biasa dengan elemen, tetapi ia bukan hanya untuk kotak pilihan. Ia boleh kawalan lain labellable unsur-unsur juga, melakukan tindakan mereka seperti ia melakukan tindakan kotak centang.

Anda hanya perlu gunakan nilai yang sama untuk ID atribut elemen HTML yang anda mahu kawal dan untuk sifat kepunyaan tag.

  Mengklik pada teks ini mengklik butang di bawah.   AMARAN  

Mengklik teks akan mencetuskan klik peristiwa dan tunjukkan mesej amaran yang diberikan.

3.

Elemen ini ialah kebanyakannya digunakan untuk bahasa-bahasa Timur-Asia, walau bagaimanapun ini”t kes penggunaannya sahaja. Tujuan hanya untuk tambah anotasi atau sebutan untuk teks, dan anda boleh berbuat demikian dengan kandungan bahasa Inggeris juga.

Elemen itu melampirkan dua sub-unsur utama, iaitu dan . The tag memegang teks yang anda mahu tootkan (dipanggil asas teks) dan memegang anotasi itu sendiri.

 
Seseorang yang menubuhkan perniagaan atau perniagaan, mengambil risiko kewangan dengan harapan keuntungan, dipanggil usahawanà ??  ?? à ?? Â'ntrà ??  ?? prà ??  ?? à ??  ?? nà ??  ?? à ??  ??; seorang promoter dalam industri hiburan.
 

Sebutan sebutan “usahawan” perkataan ditambah menggunakan elemen di dalam perenggan. Perkataan itu sendiri dibungkus dalam tag dan sebutan dalam .

Inilah caranya output seperti:

4.

The

elemen untuk senarai pesanan adalah elemen lain yang mungkin anda kenali. Ia mencipta senarai itu mempunyai nombor bernombor, yang bertentangan dengan senarai tidak teratur yang dibuat dengan
.

Anda mungkin tahu tentang pesanan, tetapi anda tahu itu perintah itu boleh diterbalikkan? Daripada perintah bertambah, menurunkan penomboran juga boleh dilakukan oleh

, menggunakan dibalikkan atribut.

 
 
Scrabble
 
Mahjong
 
Monopoli
 
Catur
 
Jenga
 
 

The dibalikkan atribut membalik penomboran, Sementara jenis atribut menentukan jenis penomboran. Ibukota I menandakan penomboran roman modal.

Ini adalah bagaimana ia kelihatan seperti pada skrin:



5.

The unsur dimaksudkan untuk membungkus istilah yang ditakrifkan oleh teks sekitarnya. Teks yang dilampirkan oleh tag adalah digayakan oleh penyemak imbas dengan huruf miring, bermakna ini istilah yang ditakrifkan.

Anda boleh menambah takrif istilah di dalamnya dalam nilai nya tajuk atribut, yang berguna untuk mentakrif perkataan yang tidak semestinya ditakrifkan oleh teks sekitar mereka.

The elemen berfungsi sama dengan yang memaparkan makna singkatan yang diberikan di dalamnya tajuk atribut apabila pengguna melayang ke atas elemen.

 
Ada  dikotomi  antara reka bentuk dan prototaip.
 

Ini adalah gaya penyemak imbas lalai, Walau bagaimanapun di tapak pengeluaran, anda mungkin mahu menggunakan gaya yang berbeza:



Mengambil kursor ke atas perkataan yang ditentukan, halaman akan tunjukkan definisi yang ditambah dalam tajuk atribut.