Ternyata Menyimpan Css Style Di Postingan Blog Tidak Sesuai Dengan Mekanisme Dokumen Html

Mengatasi Error Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

Cara Alternatif menyimpan / memasang css style di dalam postingan blog biar tidak error dan sesuai dengan Prosedur Dokumen HTML. Kali ini aku akan menunjukkan tutorial cara menyisipkan css style yang disimpan di dalam postingan blogger ke area head..

Sebelumnya aku sangat suka menyisipkan css di dalam postingan alasannya yaitu kita sanggup memodifikasi tampilan post biar berbeda dengan yang lainnya. Tapi sesudah aku baca-baca di blog DTE ternyata itu tidak diperbolehkan alasannya yaitu Tidak Sesuai Dengan Prosedur Dokumen HTML..

Css Style error alasannya yaitu dihentikan berada di area body jadi kita harus menyimpannya di area head. Tidak menyerupai javascript, instruksi javascript sanggup kita simpan di dalam markup head sanggup juga di dalam body..

Mengetahui hal itu aku eksklusif cek postingan blog aku yang di dalamnya terdapat costum css style di situs HTML5 validator ternyata benar css yang disimpan di post itu tidak boleh. Pesan errornya menyerupai berkut

Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

From line 667, column 1; to line 667, column 23
sum.↩</p>↩<style type='text/css'>↩.perc...
Contexts in which element style may be used:
Where metadata content is expected.

In a noscript element that is a child of a head element.
Content model for element div:
If the element is a child of a dl element: one or more dt elements followed by one or more dd elements, optionally inte

Mengenai hal ini, aku eksklusif mencari cara gimana caranya biar css style yang kita pasang dalam postingan sanggup di sisipkan / ke dalam markup </head> supaya tidak menampilkan pesan error dan tentunya sesuai dengan Prosedur Dokumen HTML..

Akhirnya aku menemukan tutorial di lembaga stackoverflow cara menambahkan style ke dalam are head dengan memakai javascript..
Kenapa javascript? alasannya yaitu javascript sanggup kita simpan di area head dan body..

Nah kini aku akan menunjukkan cara alternatif untuk mengatasi Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

• Biasanya kalo kita memasang css di postingan tentunya dengan pembungkus css menyerupai berikut

 <style type='text/css'> Kode CSS Disini </style>  atau  <style> Kode CSS Disini </style> 

• Nah instruksi pembungkus css di atas kita rubah dengan instruksi javascript berikut

 <script type="text/javascript"> var head = document.head || document.getElementsByTagName('head')[0]; var style = document.createElement('style'); style.type = 'text/css'; var css = 'KODE CSS KALIAN MASUKAN DI SINI'; style.appendChild(document.createTextNode(css)); head.appendChild(style);  </script> 



Sebelum kalian memasukan css ke script itu, kalian terlebih dahulu harus mengompres css kalian / css minify sanggup kalian gunakan tools ini Tools CSS Minifly Online
• Nah kalo sudah, kalian tinggal save dan lihat hasilnya

dan karenanya kini aku harus merubah semua css style yang ada di dalam postingan dengan instruksi di atas biar semua postingan aku sesuai dengan struktur instruksi html yang benar... mungkin secara perlahan ane sanggup perbaikinya :V

Okeh lah itu saja gan tutorial kali ini tentnag Cara Alternatif untuk memasang instruksi css di dalam postingan biar tidak error dan sesuai dengan struktur html yang benar ini semoga bermanfaat :)