AABI‍TALITA BLOG
5.02.2013

Kumpulan Eror Pada W3C Validator Dan Solusinya.


W3C

Pada saat kita mengecek validasi HTML di w3c Validator sering kita mememukan banyak eror pada strukrtur tempalte kita karena dianggap tidak valid HTML5 yang disebabkan oleh banyak faktor.ini tentu tidak bisa dibiarkan begitu saja karena akan berdampak pada perkembangan blog kita dimata search engine.template yang valid HTML5 akan memiliki beberapa keuntungan diantaranya :

  • Membantu Search Engine meng-indeks dokumen website/blog lebih baik. 
  • Render browser lebih baik dan lebih cepat
  • Lebih kompatible terhadap browser terbaru. 
  • Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
  • Lebih disukai browser-browser 
  • Dan  masih banyak lagi keuntungan lain dari validasi HTML ini.

Berangkat dari pengalaman pribadi karena memang waktu saya cek blog saya,ada banyak sekali eror yang jumlahnya mencapai puluhan dan saya sendiri sangat tidak faham tentang coding.tapi itu tidak menyurutkan saya untuk memperbaiki template. akhirnya setelah googling kesana kemari  dapat juga solusi untuk mengatasi eror tersebut.setidaknya jumlah eror yang ada bisa berkurang dari 40 Errors, 9 warning(s) menjadi 2 Errors, 1 warning(s).

Nah berikut ini beberapa pesan eror yang sering terjadi pada waktu kita cek di W3C Validator dan cara mengatasinya saya dapatkan dan coba saya share kembali buat sobat semua :


1. Contoh kesalahan eror pada URL biasanya seperti ini :
.....http.abitalita.blogspot.com/test.php?name=abitalita&code=markup
Solusinya ganti & dengan &amp

sehingga menjadi seperti ini 
.....http.abitalita.blogspot.com/test.php?name=abitalita&ampcode=markup

2. Contoh kesalahan eror pada Javascript biasanya seperti ini :
…tionStart,l=g.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_",
Solusinya ganti < > dengan &lt;

3. Eror pada Required attribute "alt" not specified, ini disebabkan karena tidak ada attribute "alt" pada sebuah image dimana fungsi alt adalah untuk mewakili tentang penjelasan sebuah gambar.

Solusinya tambahkan alt="penjelasan gambar" contohnya seperti ini :

<img src="url image" alt="penjelasan gambar" />

4. Eror pada Required attribute "type" not specified,pesan eror ini biasanya muncul pada kode script atau tag link, di HTML 4 atau XHTML.solusinya tambahkan tag <script type="text/javascript"> pada kode script.contohnya :

<script type="text/javascript">.......</script>

Hal ini berlaku untuk link stylesheet tag

<link rel="stylesheet" type="text/css" href="/css/global.css" />

5. Eror pada Reference not terminated by REFC delimiter

Kasus error yang mungkin terjadi pada kode entity biasanya seperti &c. dan &aelig
solisinya ganti &c. menjadi &amp;c. dan &aelig menjadi &aelig;

6. Document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.

Error ini terjadi biasanya pada versi XHTML Strict , elemen form hanya dapat berisi  block-level elemen sebagai direct children (sedangkan elemen input adalah elemen inline). contoh yang mungkin menyebabkan kesalahan biasanya seperti ini :

<form action="/">
<input type="submit" name="Nama Anda" />
</form> 

seharusnya ditulis seperti ini :

<form action="/">
<fieldset>
<input type="submit" name="Nama Anda" />
</fieldset>
</form>

7. Untuk dibagian Navbar sobat bisa mengganti kode <b:skin><![CDATA[ dengan kode berikut :

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' /> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>

Untuk kode ]]></b:skin> biarkan saja.

Demikian beberapa kasus eror pada W3C Validator dan cara memperbaikinya.selamat memperbaiki  dan jika sudah silahkan cek ulang di validator.w3.org

36 komentar

met sore sobat trmksh bnyk infonya sngat membntu skali kawan

terkadang hal ini sering disepelekan oleh beberapa blogger padahal sangat penting untuk optimasi browser terhadap postingan blog

blogku lebih banyak erornya, kadang capek beres-beresnya yang tidak kelar-kelar :)

sore jga mas,senang bisa membantu :)

Salam ngopi :D

betul mas mahfid,karena lebih sedikit eror yang ada maka akan lebih mudah bagi search engine mengindeks setiap postingan kita

awalnya blog saya juga sama mas,tp setelah menerapkan tips diatas lumayan berkurang erornya :)

kalo soal error w3c validator, jujur saya gak terlalu memahaminya sobat :-)

sip banget nih tipsnya, saya jarang cek..mau coba dulu sob, trims sharingnya

hehe wah saya juga sama mas har..soal kode mengkode saya paling ga ngerti..tips itupun saya ambil dari hasil blogwalking saya yang mungkin bisa bermanfaat buat yg lain (h)

silahkan mas muroi semoga bisa sedikit membantu :)

terkadang kode di atas tidak kita temui di HTML tapi coba gunakan Ctrl+ U biasanya kode kode itu sama persis dan lebih mudah kita memperbaikinya

betul mas pengalaman saya memang seperti itu agak sulit mencari kode yang dianggap eror,thk buat masukannya bermanfaat sekali :)

sama-sama kang, saya juga banyak nih error-nya :d

jalan2 pgi sambil cari yang baru bos hehehe

Template sy blum valid HTML5 masih banyak error nya, ijin nyoba dlu ya sob...

ini dia yang dicari-cari sob
terima kasih, prioritas untuk dicoba

Selamat Sore mas aulia lagi jalan jalan cari inspirasi siapa tahu nemu disini..he he he

met sore juga mas mahfid,wah kebetulan saya lagi ngopi..ngopi dulu sini mas :D

mas maaf saya ga ngerti yang beginian, kalo mau ngebenerin error ini dimana ya?

ada pada kode script/html pada edit HTML bisa juga pada kode widget yang dipasang disidebar sob... :)

eeh si agan, lagi jalan2 jalan ya cari inspirasi? mampir kerumah saya www.inspirasi-idebisnis.com siapa tau ada yg lagi dicari.. hehe

Alhamdulilah Passed , 1 Warning

Alhamdulilah kalau begitu :)

kan sudah ketemu error dan warning nya, cara mengedit nya bagaimana mas ?
saya coba lewat edit html tidak ketemu,

mas di blog saya ( http://apkfree-download.blogspot.com ) tinggal satu lagi yang error,,, itu ada pada tag ...

yang mau saya tanyakan, bagaimana solusi untuk erorr pada tag tersebut????
terimakasih untuk jawabannya

keren nih tutornya,kalau bisa dibahas yang lebih spesifik tentang cara mengatasi cssnya sob,oya jangan lupa berkunjung balik masbrowhttp://2.bp.blogspot.com/-37HZJ-Ysetw/UZVFYUbPtEI/AAAAAAAAAaM/Cz8mhaqNFb4/s1600/31.gif

msh blm berhasil sob ada cr lain gak.. Cm tnggl code > aja

wow keren infonya, sangat bermanfaat sekali, terima kasih ya :)

izin coba dulu mas semoga aja blog saya valid html5 makasih mas tips nya,salam

Artikelnya sangat membantu.
Trima kasih atas infonya.. :)

Cara Mengatasi error html 5 pada code <body class='loading'>

Terima kasih artikelnya... di homepage sudah rapih... tapi singlepage masih dinyatakan banyak error.. perlu diperbaiki kah?

Saya sebenarnya bukan ahli HTML,, tapi melihat begitu banyaknya error blog ane di W3C,, jadi tertantang juga untuk menguranginya

Makasih atas ilmunya

gan apakah kode ini &quot termasuk kode & juga

terima kasih

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.