Perbedaan antara i, em, b, elemen kuat melalui spesifikasi html5

Banyak label baru telah ditambahkan untuk HTML5 semantik. Di antara mereka, dua kelompok label I, Em, dan B, dan kuat adalah yang paling mudah untuk membingungkan. Ini juga merupakan masalah yang sering ditanyakan dalam wawancara depan. Hari ini, dari sumbernya, yaitu dari dokumen html5 (https://w3c.github.io/html/textlevel-semantics.html#the-d-element)!

Pertama -tama, dari efek tampilan saja, tanpa CSS tambahan, teks yang dikelilingi oleh tag I dan EM akan disajikan sebagai miring, dan teks yang dikelilingi oleh B dan tag yang kuat akan ditampilkan tebal. Seperti yang ditunjukkan pada gambar

Efeknya adalah sebagai berikut:

<b> dan <i> di awal penciptaan, mereka hanya mewakili tubuh tebal dan gaya miring, tetapi dalam html5, untuk karakteristik semantik, kedua label ini juga diberikan semantik. CSS apa yang terjadi. Namun, semantik dari dua kelompok label di atas masing -masing memiliki fokus mereka sendiri.

Elemen I mewakili rentang teks dalam suara atau suasana hati alternatif, atau diimbangi dari prosa normal dengan cara yang menunjukkan kualitas teks yang berbeda, seperti penunjukan taksonomi, istilah teknis, frasa idiomatik dari bahasa lain, transliterasi , sebuah pemikiran, atau nama kapal dalam teks -teks Barat.

i 元素代表在普通文本中具有不同语态或语气的一段文本 ， 某种程度上表明一段不同特性的文本 ， 比如一个分类学名称 ， 一个技术术语 ， 一个外语习语 ， 一个音译 ， 一个想法 ， 或者Nama kapal dalam teks barat.

 // Nama Kategori <p> ​​<i class = taksonomi> felis silvesstris catus </i> lucu /p> // Bahasa Asing XI <p> Ada <i lang = feel </i> tertentu di udara

Anda dapat menerapkan kelas pada tag I untuk menunjukkan niat menggunakan elemen ini sehingga gaya khusus tidak perlu memeriksa semua dokumen untuk mengubahnya jika Anda perlu memodifikasinya di masa depan. Saat menggunakan tag I, disarankan untuk mempertimbangkan apakah akan menerapkan tag lain.

Elemen EM mewakili penekanan stres dari isinya.

Penempatan stres penekanan mengubah arti dari sention.

Elemen em mewakili penekanan pada isinya. Menyoroti penekanan pada arti pernyataan itu sendiri. Oleh karena itu, elemen merupakan bagian dari konten. Dengan cara ini, tingkat penekanan tergantung pada bahasa apa.

 // Ini adalah kalimat tanpa penekanan <p> Kucing adalah hewan yang lucu. Adalah hewan yang lucu. Kucing adalah hewan yang lucu, bukan beberapa orang mengatakan bahwa hewan yang kejam dan menjengkelkan <p> Kucing adalah hewan </em>. > Hewan </em>

Elemen EM ISN 'TA Generik Elemen Mata.

Elemen EM juga tidak penting; untuk pulpose itu, elemen yang kuat lebih tepat.

EM bukan label miring biasa. Terkadang lebih cocok untuk beberapa teks berbeda dari bagian lain paragraf karena bagian atau nada yang berbeda. Tag EM tidak menunjukkan pentingnya.

Elemen B Menekan teks yang menarik perhatian untuk tujuan utilitarian tanpa ada kepentingan ekstra dan tanpa mencetak suara atau suasana hati alternatif, seperti kata -kata kunci dalam dokumen abstrak, nama produk dalam ulasan, kata -kata yang dapat ditindaklanjuti dalam teks interaktif dalam interaktif -Driven software, atau artikel lede.

Elemen E mewakili teks yang berfokus pada tujuan praktis tanpa kepentingan tambahan atau tidak menyiratkan kata atau nada yang berbeda, seperti kata kunci dalam ringkasan teks atau artikel artikel.

 // Elemen B berikut memainkan peran dalam menyoroti kata kunci, tetapi tidak memiliki peran penekanan pada pentingnya. Pengenalan artikel >

Elemen B harus digunakan sebagai pilihan terakhir ketika tidak ada yang lebih tepat. Gunakan elemen tanda.

Artinya, ketika tidak ada elemen lain, akhirnya mempertimbangkan tag B. Secara khusus, judul harus menggunakan tag H1 ke H6, menyoroti penekanan pada konten konten konten, menyoroti label kuat darurat yang penting, dan label teks menggunakan tag Mark.

Elemen yang kuat menekan kepentingan yang kuat, keseriusan, atau dorongan untuk isinya.

Elemen yang kuat mewakili kepentingan yang kuat, keparahan atau konten yang mendesak dari konten.

Elemen <strong> dapat digunakan pada berita utama, capption, atau paragraf untuk menampilkan pentingnya bagian teks ini.

 // Bagian nomor seri tidak penting, nama bab ini penting.

<strong> elemen dapat digunakan untuk menandai peringatan atau tanda peringatan.

 <p> <strong> Peringatan

<strong> elemen dapat digunakan untuk menunjukkan bagian -bagian yang perlu dilihat sesegera mungkin.

 <p> <p> Selamat datang di Remy, sistem pengingat. P> </li> <li> <p> Keluarkan sampah. UL ></ul> </ul> </ul>

Menurut spesifikasi, skenario semantik dari EM dan Strong jelas.

1. Mereka akan mengubah arti teks.

2. Kuat akan menyoroti pentingnya, keparahan, dan urgensi teks.

3. Untuk mewakili bahasa atau karakteristik teks yang berbeda, tag I sedikit seperti konten yang diwakili oleh badan miring dalam pengaturan huruf (istilah teknis, praktik bahasa asing, dll.).

4. Tag B terutama untuk menyoroti tampilan kata kunci, nama produk, dll.;

Spesifikasi semantik tag B juga sangat kabur, sehingga tidak disarankan.

Di atas adalah semua konten dari artikel ini.