HTML Lanjut : Beda tag b dengan strong, i dengan em

    Sebelum masuk ke pembahasan, mari kita coba dulu script dibawah ini….

    kalimat ini ditebalkan dengan tag <b>
    kalimat ini ditebalkan dengan tag< strong>
    
    Kalimat ini dimiringkan dengan tag <i>
    Kalimat ini dimirngkan dengan tag <em>
    

    Perhatikan hasilnya…

    Sama kok, lalu apa bedanya? kenapa harus begitu?

    yah, jika diperhatikan, kalimat yang di bold dengan tag b dengan strong hasilnya sama aja secara visual (dilihat mata kita)
    namun, kedua tag itu berbeda dalam pengartian oleh browser.
    tag <b>…</b> akan menghasilkan  dan mendefinisikan huruf tebal saja begitu juga dengan tag <i>….</i> yang akan menghasilkan dan mendefinisikan huruf miring saja.

    Berbeda dengan tag <strong> dan <em> (secara komputer bukan visual kita) tag tersebut mendefinisikan bahwa sebuah teks diartikan sebagai “penting”.
    Tapi sekarang semua Browser utama (Firefox, Chrome, Opera, IE, Safari) telah merender (mengubah) <strong> sebagai <b>, dan <em> sebvagai <i>.

    Lalu apa kegunaannya?

    Apabila anda berkutat dengan SEO (seach engine optimizer) maka hal ini akan sangat dirasakan. mesin pengindex akan lebih suka mengindeks page web yang memiliki kata-kata yang “penting” , dengan menggunakan tag strong dan em, bisa membantu mendongkrak keyword web kamu. gampangnya, website yang kamu buat jadi SEO friendly, shingga kemungkinan untuk nongol di page awal SE itu menjadi besar.

      5 thoughts on “HTML Lanjut : Beda tag b dengan strong, i dengan em

      1. Pingback: dasar html (7) : Mengubah Tampilan Teks | hantuceria blog's

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *