Ditulis oleh: Ditulis pada: 6/02/2021
Menghilangkan Atribut XMLNS Pada Tag HTML Blogger Secara Otomatis - Kali ini saya akan membagikan sebuah trik yang cukup simple tapi saya rasa ini berguna juga dan mungkin masih ada blogger yang belum mengetahuinya juga.
Saya akan membagikan sebuah trik untuk menghapus kode atribut xmlns pada tag html Blogger secara otomatis sehingga kita tidak perlu menghapusnya secara manual setiap kali edit html.
Namun sebelumnya mungkin ada yang bertanya, kenapa kode atribut xmlns ini harus dihapus?
Perlu diketahui bahwa kode atribut xmlns pada tag HTML Blogger ini menyebabkan invalid HTML5. Dan juga untuk pengguna blog AMP, atribut xmlns ini juga menyebabkan invalid AMP jadi menyebabkan error AMP.
Sebenarnya atribut xmlns pada tag HTML itu seperti apa sih?
Mari kita jelaskan sekaligus kita mencoba triknya.
Silakan masuk ke edit html blog Anda. Di bagian atas edit HTML, Anda akan melihat kode seperti/mirip seperti berikut ini.
<html b:css='false' b:js='false' class='no-js' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>Jika blog Anda menggunakan tag html dengan huruf kecil seperti contoh di atas, maka secara otomatis Blogger akan menambahkan kode xmlns seperti tampak pada kode di atas yang ditandai.
Ada 4 buah xmlns, yaitu: xmlns, xmlns:b, xmlns:data, dan xmlns:expr.
Nah, agar hasil render HTML tidak muncul atribut xmlns tersebut, maka kita bisa menggunakan tag b:attr untuk xmlns dengan value kosong untuk keempat buah xmlns tersebut.
Silahkan simpan kode berikut di bawah tag html.
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:expr' value=''/>
<b:attr name='xmlns:data' value=''/>Sehingga penampakannya seperti berikut:
<html b:css='false' b:js='false' class='no-js' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:expr' value=''/>
<b:attr name='xmlns:data' value=''/>Dan hasil render HTML akan menjadi seperti berikut sebagai contohnya, bisa Anda lihat dengan view page source pada blog Anda.
<html class='no-js home_page homepage' dir='ltr' lang='id'>Nah dengan ini maka sekarang kita tidak perlu menghapus kode atribut xmlns tersebut secara manual setiap kali edit HTML.
Anda juga bisa mengikuti trik ini dengan menonton video berikut agar lebih jelas cara menggunakannya.
Semoga bermanfaat.