Kita tahu bahwa HTML adalah bahasa markup yang sederhana. Beberapa pengetahuan dasar telah dikatakan dan hampir semua yang perlu dikatakan telah dikatakan. Tidak ada yang memperhatikan apa yang baru tentang HTML tag yang sangat umum dalam HTML, tetapi Anda mungkin tidak terbiasa atau menggunakan beberapa tag khusus, tetapi mungkin Anda akan sangat menyukainya. 1. tag optgroup - mengelompokkan opsi secara logis dalam elemen pilih Sedikit dari kita yang memperhatikan elemen ini, dan hanya sedikit orang yang mengetahui apa fungsi dari elemen ini. Sebenarnya elemen ini biasanya digunakan pada elemen select, dan fungsinya untuk mengelompokkan pilihan-pilihan pada elemen select secara logis. Faktanya, kami mungkin menggunakan elemen ini dalam banyak kesempatan. Misalnya, ketika kami melakukan survei identitas pada pengunjung web, kami biasanya meminta mereka untuk mengisi informasi. Misalnya saja kota tempat Anda tinggal saat ini, Anda mungkin tinggal di Provinsi Jiangsu atau Provinsi Shandong. Jika Anda tinggal di provinsi lain, terdapat kota-kota di bawah provinsi tersebut, jadi Anda perlu mengelompokkan kota-kota tersebut ke dalam provinsinya masing-masing. Biasanya kami akan menulis kode seperti ini: <pilih> Hasilnya adalah ini: Faktanya, metode ini sangat kasar. Jika kita menggunakan elemen optgroup, kita akan mendapatkan efek yang berbeda: <pilih> Hasilnya adalah ini: Apakah metode ini lebih baik? 2. Sub tag dan sup tag - pengaturan superskrip dan subskrip untuk objek teks Sub tag merupakan elemen sebaris yang fungsinya menampilkan teks yang disertakan sebagai subskrip, sedikit lebih kecil dari font saat ini. Elemen ini tersedia dalam HTML dari Internet Explorer 3.0 dan yang lebih baru, dan dalam skrip dari Internet Explorer 4.0 dan yang lebih baru. Elemen ini memerlukan tag penutup. Contoh umum adalah ketika mengedit rumus matematika, kita perlu mengatur superskrip dan subskrip variabel. X<sub>2</sub> Hasilnya adalah ini: X 2 X 2 Dapat digunakan untuk komentar yang dikombinasikan dengan tag lain, misalnya: Mao Zedong<sub><em>Catatan: pemimpin hebat, revolusioner, ahli strategi dan pemikir militer</em></sub> Hasilnya adalah ini: Catatan tentang Mao Zedong: pemimpin besar, revolusioner, ahli strategi militer dan pemikir 3. tag bdo - menonaktifkan aturan dua arah untuk fragmen teks yang dipilih Mari kita lihat contoh sederhananya terlebih dahulu: <bdo dir="ltr">Aku sangat mencintaimu</bdo> <bdo dir="rtl">Cintamu bukan milikku</bdo> Catatan: Saat menggunakan tag bod, Anda harus menggunakan atribut tag dir. ltr mengacu pada urutan susunan dari kiri ke kanan, dan rtl mengacu pada urutan susunan dari kanan ke kiri. Hasil yang ditampilkan adalah: aku sangat mencintaimu Kamu sangat mencintaiku Kita melihat bahwa penyortiran teks yang berbeda menjadi hasil tampilan yang sama setelah ditentukan oleh bdo. Algoritme dua arah Unicode secara otomatis membalikkan urutan karakter yang tertanam berdasarkan properti arahnya. Misalnya arah dasar dokumen berbahasa Inggris adalah kiri ke kanan (ltr). Jika suatu bagian dokumen berisi bahasa yang dibaca dari kanan ke kiri (rtl), Anda dapat menerapkan algoritma dua arah untuk membalikkan arah bahasa tersebut. Algoritme dua arah dan atribut tag DIR biasanya cukup untuk menangani perubahan arah penyematan. Namun, saat Anda mengirimkan teks yang diformat ke algoritma dua arah, kesalahan mungkin terjadi. Misalnya, segmen teks berisi bahasa Inggris dan Ibrani yang diformat dalam email akan salah dikonversi oleh algoritma dua arah. Karena urutan pembacaan teks Ibrani telah diubah dalam format email, penerapan algoritma dua arah menyebabkan teks tersebut dikonversi lagi. Elemen bdo akan mematikan algoritma dua arah dan mengontrol urutan pembacaan. Saat Anda menggunakan elemen bdo Anda harus menggunakan atribut tag dir.
<optionselect>Kota Anda</option>
<option>---Provinsi Shandong---</option>
<option>Kota Jinan</option>
<option>Kota Laizhou</option>
<pilihan>……</pilihan>
<option>---Provinsi Anhui---</option>
<option>Kota Hefei</option>
<pilihan>……</pilihan>
<option>---Provinsi Jiangsu---</option>
<option>Kota Nanjing</option>
<pilihan>……</pilihan>
</pilih>
<optionselect>Kota Anda</option>
<optgroup label="Provinsi Shandong">
<option>Kota Jinan</option>
<option>Kota Laizhou</option>
</optgroup>
<optgroup label="Provinsi Anhui">
<option>Kota Hefei</option>
<pilihan>……</pilihan>
</optgroup>
<optgroup label="Provinsi Jiangsu">
<option>Kota Nanjing</option>
<pilihan>……</pilihan>
</optgroup>
</pilih>
X<sup>2</sup>