Error yang ada pada comment-form tersebut termasuk ke dalam kategori error ampersand ( & ).
Pada tutorial kali ini saya mau memberikan panduan cara mudah mengatasi error ampersand dan ditujukan kepada para blogger newbie yang belum tahu cara mengatasi error tersebut.
Error ampersand ini terjadi pada kode-kode html yang mengandung kode ( & ) yang belum diberi tambahan kode amp;
Saat pengecekan di W3C tampilan peringatan error ampersand adalah seperti ini :
& did not start a character reference. (& probably should have been escaped as &.)
Untuk cara mengatasinya kita hanya perlu menambahkan kode amp; setelah kode & .
Masalah 1
Untuk masalah 1 ini adalah contoh kode script yang belum mempunyai tambahan kode amp;
Berikut ini contoh error ampersand :
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>Perhatikan kode & yang berwarna merah di atas. kode & di atas mengalami error ampersand karena di belakang kode tersebut belum ditambahkan kode amp;
Supaya contoh kode script di atas tidak mengalami error ampersand kalian harus menambahkan kode amp; di belakang kode &
Berikut ini contoh kode script yang sudah di tambahkan kode amp; :
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>Setelah di tambahkan kode amp; maka script tersebut sudah tidak mengalami error lagi.
Masalah 2
Untuk masalah 2 ini adalah contoh kode script yang sudah mempunyai tambahan kode amp;
Berikut ini contoh kode yang mengalami error ampersand pada masalah 2 :
<scriptsrc='http://www.google.com/cse/brand?form=cse-search-box&lang=id' type='text/javascript'/>Perhatikan kode & yang berwarna orange di atas. kode & di atas sudah terdapat kode amp; tetapi ketika kita cek di W3C tetap saja errornya masih ada.
Untuk masalah 2 cara mengatasinya adalah dengan cara menambahkan lagi kode amp; di belakang kode & sehingga hasilnya seperti di bawah ini :
<scriptsrc='http://www.google.com/cse/brand?form=cse-search-box&amp;lang=id' type='text/javascript'/>Setelah di tambahkan kode amp; maka script tersebut sudah tidak mengalami error lagi.
Masalah 3
Untuk masalah 3 ini hampir sama dengan masalah 2 yaitu jika ada script yang setelah kita cek mengalami error ampersand, ketika sudah menambahkan kode amp; lebih dari 2 kali tetapi masih error juga berarti yang mengalami error bukan script yang kita tambahkan kode amp; tersebut tetapi terdapat pada kode html yang lain.
Selamat mencoba.
Cara mudah mengatasi error Ampersand HTML5 di W3C
Artikel kali ini berkaitan dengan error HTML5, Pada artikel sebelumnya saya sudah membahas tentang cara memvalidasi error comment-form di W3...