Validasi HTML5 pada Link Google Font - Setelah berkunjung ke blog Kang  +Adhy Suryadi Kompi Ajaib, saya baru tau Link Font di Tag Head mengakibatkan Error Validasi HTML5. Sepengetahuan saya hal ini sebelumnya tidak terjadi. Entah perbaikan, atau bug pada validator. Soalnya saya coba di Validator yang lain aman-aman saja.google font

Sebetulnya cara validasi HTML5 pada Link Font di Head sudah dijelaskan pada postingan Kompi Ajaib (baca : Link Font di Head Blog Error Validasi HTML5). Kalau saya simpulkan yaitu dengan dua alternatif yaitu :
1. Memisahkan masing-masing font.
2. Menggunakan @font-face pada CSS.

Rasa penasaran menyelimuti perasaan saya, kenapa bisa error validasi? Sebelum kepada penyebab error, saya contohkan link font yang error seperti ini :

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Ropa+Sans|Oswald' rel='stylesheet' type='text/css'/>

Pesan yang muncul pada validator seperti ini :

Bad value http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Ropa+Sans|Oswald for attribute href on element link: Illegal character in query: not a URL code point.

Selidik punya selidik ternyata permasalahannya ada pada tanda pembatas antar font (|) harus di escape menjadi %7C. Permasalahnnya sama dengan tanda & harus dirubah menjadi &amp;. Jadi dari kode error di atas harus dirubah menjadi

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700%7CRopa+Sans%7COswald' rel='stylesheet' type='text/css'/>

Itulah solusi yang saya tambahkan dari postingan Kang Adhy "Kompi Ajaib" Suryadi. Silahkan sobat memilih cara mana yang akan digunakan.

Semoga bermanfaat...

80 komentar

Nggak jadi deh, Keduax aja lah :D

Balas

Siippp kang jadi tambah variasi untuk mengatasi error ini :)

Balas

hampir mirip kayak error ampersand, ternyata error terletak pada kode |, sepertinya perbaikan pada W3. Dulu kan pernah ada error pada meta tag bing, sekarang error dari bing sudah Valid. Nah, kalau yang ini seperti penambahan dan perbaikan pada sistem HTML5.

#Kalau salah mohon dikoreksi.

Balas

makasih buat ide postingannya kang... :-bd

Balas

kayaknya emang perbaikan sob.. semoga menjadi solusi

Balas

Mantap nih... jadi ada bberapa cara untk memperbaiki error font nya :D

Balas

Saya juga mengalaminya Mas, sudah saya perbaiki pake caranya Mas Adhy...

Balas

Ohh, jadi gitu ya kang punya saya error :)


salam
http://firman-ardy.blogspot.com

Balas

Ane make cara kedua kang... alhamdulillah berhasil + loading lebih wuzzzz :D

Balas

mantap, blog saya sudah pakai cara yang kedua seperti yang disarankan mas Adhy

Balas

pilih cara kedua aja deh kang. Enakan gitu :]

Balas

Jadi bingung malah
Akang 2 ngumpul jadi apa ini blog, keren waelah :)

Balas

3 jam berlalu dan 15 komentar menghiasi,... ritme posting kang ismet random nih, jadi gagal pertamax mulu.. hehehe

bahasannya pas banget kang,.. buat solusi tampil gaya tanpa merusak validasi :D

Balas

yah,, gak jadi pertama.. :D

Balas

kok kata Mas Sugeng validasi HTML5 itu tidak penting ya ?

Balas

waaah .. yang pertamax ngebut banget! pake karburator apaan tuhh??? ..

untuk postingan-nya, saya cuman mau nitip jempol dah kang :
http://3219a2.medialib.glogster.com/media/22/22ba38c5dc7b88c4ee527c90163b6efa473f58be615e5ee9a7e977dda9d86710/thumbs-up-png.png

kompor gas nih kang ismet, kalo udah bahas HTML5 . haha

Balas

relative sob. tapi lebih baik di validasi . :D biar gak ketinggalan jaman :p wkwk.

Balas

sabar kang umar. seperti nya kang umar 1 nasib dengan saya.

selamat gagal pertamax yah kang :D . wkwkwk

Balas

tapi lebih simple lagi dibuat google font parser untuk validasi html5 seperti tools konversi kode gitu kang . :) *saran sih .. hehe

Balas

singkat, padat dan manfaat kang :D

Balas

Kang mau nanya nih. Iklan adsensecamp.com saya kok tdk valid HTML5 ya?
Nih kodenya:
<div>
&lt;!-- Begin: http://adsensecamp.com/ --&gt;
&lt;script src=&quot;http://adsensecamp.com/show/?id=8RCPNRDhC5g%3D&amp; cid=cfBjHTpD6nY%3D&amp; chan=nuL9M36foWw%3D&amp; type=1&amp; title=3D81EE&amp; text=000000&amp; background=4c4c4c%26border=333333&amp; url=2BA94F&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
&lt;!-- End: http://adsensecamp.com/ --&gt;
</div>

Balas

perbaikan euy keren... ngantos postingan nu hebring deui kang bari ngopi :D

Balas

Sejak pagi gak bisa buka blog ini, gak tau kenapa.. jadi urutan terakhir, dapet solar lagi...
Masih pakai cara lama, pake link google.. =D

Balas

Sepertinya mudah pakai cara yang ini ya Kang... :)

Balas

nambah 1 ilmu lagi nih :)

Balas

http://3219a2.medialib.glogster.com/media/22/22ba38c5dc7b88c4ee527c90163b6efa473f58be615e5ee9a7e977dda9d86710/thumbs-up-png.png

Balas

karna saya pake vespa dan gak bisa dibawa ngebut, saya jg gagal dpt pertamax kang heheheee

Balas

mas q mah ngga maksud koh,, beneran deh

Balas

ehhhhh... ada yang baru nih heheheheh....... ")

Balas

Pakai rel image mas, bukan pre :D

Balas

belum di reply email saya kang imapsikunja@gmail.com

Balas

banyak jalan menuju roma ya kang :D

Balas

wah kang ismet ini bener- bener jago masalah valid

Balas

pantes pas ane cek ternyata droidpluss ada 1 error, setelah itu saya pake font face. :D

Balas

Emang paling jago dah kang ismet sama masalah kyk beginian.

Balas

mantab kang ilmunya, terima kasih sudah mau berbagi :)

Balas

Kang Minta Template ini dong
Back

Balas

Yang Tau Link Download Template ini Kasih Tau Dong

Balas
Komentar ini telah dihapus oleh pengarang.

Jarang ng blog lagi jadi ketinggalan zaman haduhh kang :'(

Balas

Yang dulu begini
http://i.imgur.com/Vap3K5F.png

Jadi begini
http://i.imgur.com/WyH7CMR.png

Makasih banyak kang :-bd

Balas

wah terimakasih infonya, salam kenal :)

Balas

Mas, makin lama kok kerasa berat sekali ya blog kang ismet ?

Balas

alhamdulillah berhasil kang,,,,trims atas berbagi ilmunya smoga berkah... :)

Balas

Thanks infonya gan, jadi nambah pengetahuan.

Balas

O ya lupa. Semoga neter semua berminat ya berkunjung ke http://www.rajaputramedia.com

Balas

I have successfully implemented
thank you for sharing
people can check out my website: http://www.trirungtoc.com/

Balas

baru nemu tutornya disini kang , abis saya bingung saya pake template kang ismet yang droidpluus ternyata erornya di meta tag link google Font..Dan jawaban saya temukan disi pula, makasih kang tutorialnya membantu bangget,, salam blogger we kang hehehe

Balas

wkwkwk... pertamax bukan alasan kang! :ngakak:

Balas

makasih gan infonya ! tapi kok html yang erornya susah di cari !

Balas

Mantap Artikelnya Sangat Bermanfaat Kunjungi Blog Ini ya http://ornoxlous.blogspot.com/ thank (y)

Balas

@ KontesSEOBetKlik99 Menangkan Total Hadiah HINGGA 36Juta Rupiah!

Silahkan Daftar disini: http://kontesseobetklik99.com

DAPATKAN @Rp 100.000,- bagi 50 Pendaftar Yang Melakukan Pendaftaran. Sebelum 30 Juni 2014

@ Total Hadiah: 36 Juta dengan rincian:

• Pemenang 1: Rp 10.000.000
• Pemenang 2: Rp 7.500.000
• Pemenang 3: Rp 5.000.000
• Pemenang 4: Rp 2.000.000
• Pemenang 5: Rp 1.000.000
• Pemenang 6-10: Rp 500.000
• Pemenang 11-20: Rp 200.000
• Pemenang 21-30: Rp 100.000

Balas

Gimana cara mengatasi error pada html5 saat cek di validator pada code berikut <body class='loading'>

Balas
Komentar ini telah dihapus oleh pengarang.

Give yourself a little www.tuanphan.info ask your fonts roboto.ttf deny that it was robotst.txt you. The error they find Map in webmaster tools.

Balas

makasih mas tutorialnya.. sangat membantu..

Balas

thanks sob untuk postingannya...
article yang menarik,saya tunggu article berikutnya yach.hehe..
maju terus dan sukses selalu...
salam kenal yach...
kunjungi blog saya ya sob,banyak tuh article2 yang seru buat dibaca..
http://chaniaj.blogspot.com/ dan situs kesayangan kami http://oliviaclub.com

Balas

jika saya tidak menggunakan google font yang ada tidak mempengaruhi SEO Anda

Balas

wah terimakasih artikelnya bermanfaat...
salam
http://jendela4.blogspot.com/

Balas

http://obatpembesarpenis.org/pembesar-penis/alat-pembesar-penis-vakum-penis-murah/
http://www.agenpelangsingbadan.com/2011/06/pelangsing-badan-fatloss.html
http://www.agenpelangsingbadan.com/2011/06/perangsang-sex-drop-cair.html
http://obatpembesarpenis.org/pembesar-penis/pro-extenderalat-pembesar-penis/

Balas

obatpembesarpenis.org
agenpelangsingbadan.com

Balas



thx gan sangat bermanfaat artikelnya ya gan.
salam kenal ya gan
silakan bergabung bersama kami di website www.168sdbet.com


Untuk keterangan lebih lanjut silahkan hubungi customer service online kami di :
* YM1 : sundulbet_cs1@yahoo.com
* YM2 : sundulbet_cs2@yahoo.com
* Pin Bb : 2A026596

Balas

diantos akang ismet .. diblog nenk ahh

Balas

salam kenal ya gan semuanya

AfbSports Memiliki HOT PROMO! Sebagai Berikut:

* PROMO SPORTBOOK
- Bonus New Member20%
- Bonus New Member 100%
- Bonus 3% Sportbook ( SBOBET , IBCBET , AFB88, I1BET88 )
- Bonus CASHBACK 5% - 10%

* PROMO LIVE CASINO
- Bonus New Member 5%, Next Deposit 3%
- Bonus Full Rollingan 0.7%
- Bonus CASHBACK 0.5%

AFBSPORT Menyediakan Permainan Sebagai Berikut:
* Sportbook
* Live Casino
* Togel
* Tangkas
* Poker

Support Bank Lokal:
* BCA
* BNI
* BRI
* DANAMON
* MANDIRI

NB: Jangan Ragukan Lagi Diri Anda Untuk Bermain Di AFBSPORTS, Karena AFBSPORTS Adalah Agent Taruhan Online Terpercaya Dan Jaringannya Sudah Tersebar Sampai Asia Tenggara.

AFBSPORTS Akan Melayani Anda Dengan 24/7 Nonstop!
* YM1: afbsportsindo@yahoo.com
* YM2: afbsports.indo1@yahoo.com
* YM3: idr.afb88@yahoo.com
* Skype : afb.sports2
* Call Center: +855 78783843
* Pin BB : 2257E32B
Terima Kasih.

Salam Admin, AFBSPORTS

Balas

Terima kasih kang... Akhirnya dapat juga solusinya...

Salam!
http://ian-konjo.blogspot.com

Balas

ternyata disini threadnya orang2 yang sesuatu,,, :D
semoga jadi keturunan..
kalo saya lihat jenis validatornya tidak jauh seperti method url..

Balas

Poskan Komentar


×
Chat