Salah satu penyumbang error HTML5 pada halaman postingan blog yaitu related posts. Setelah aku coba beberapa related posts, permasalahan yang muncul sama yaitu dari penulisan script-nya ataupun dari penulisan label postingan.
Setelah penulisannya dibetulkan, hasilnya related posts mampu valid HTML5. Nah untuk itu aku coba bagikan pengalaman ini barangkali mampu memiliki kegunaan bagi Anda. Bagi yan sudah pasang related posts dan sedang mencoba untuk validasi HTML5, mungkin Anda mampu coba trik ini.
Masalah pertama yang sering muncul yaitu dari penulisan label postingan itu sendiri. Saya sarankan untuk menghindari penulisan label lebih dari satu kata. Karena penulisan dua kata atau lebih pada label postingan akan menjadikan spasi kosong pada related posts dikala dibaca peramban. Pada validasi HTML5 akan tampak error ibarat di bawah ini.
Perhatikan goresan pena yang berwarna merah, itu ialah label dengan dua kata yang menjadikan error pada validasi HTML5 yaitu whitespace atau adanya spasi pada url label dalam script related posts. Dan sript related posts dengan label dua kata yang menjadikan error dikala dibaca peramban untuk error validasi di atas akan tampak ibarat di bawah ini (coba CTRL + U pada halaman yang mempunyai label dengan dua kata, pada related postsnya akan tampak ibarat di bawah ini).
Line 605, Column 136: Bad value /feeds/posts/default/-/PC Game?alt=json-in-script&callback=relpostimgcuplik&max-results=50 for attribute src on element script: Whitespace in path component. Use %20 in place of spaces.Perhatikan goresan pena yang berwarna merah, itu ialah label dengan dua kata yang menjadikan error pada validasi HTML5 yaitu whitespace atau adanya spasi pada url label dalam script related posts. Dan sript related posts dengan label dua kata yang menjadikan error dikala dibaca peramban untuk error validasi di atas akan tampak ibarat di bawah ini (coba CTRL + U pada halaman yang mempunyai label dengan dua kata, pada related postsnya akan tampak ibarat di bawah ini).
<script src='/feeds/posts/default/-/PC Game?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>Sebenarnya pada validasi HTML5 diberi petunjuk untuk mengatasi problem ini yaitu dengan menunjukkan aba-aba %20 pada spasi label-nya, namun aku masih belum menemukan cara untuk memperbaikinya. Harus menggunakan javascript untuk mengatasinya, namun sayang aku belum begitu hebat untuk menulis bahasa javascript untuk mengatasi problem ini.
Masalah yang kedua yaitu dari penulisan script related posts itu sendiri. Pada script related posts biasanya ada aba-aba ibarat di bawah ini.
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=14"' type='text/javascript'/>Perhatikan aba-aba yang berwarna merah, itu aba-aba yang menunjukkan error pada validasi HTML5 untuk related posts. Cara memperbaikinya kita tambahkan aba-aba amp; dibelakang aba-aba &. Kaprikornus penampakannya akan ibarat di bawah ini.
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=14"' type='text/javascript'/>Nah dengan memperbaiki 2 problem di atas, maka related posts blog akan valid HTML5. Demikian saja trik untuk memperbaiki related posts semoga valid HTML5 ini semoga dapat dimengerti dan bermanfaat.
Komentar
Posting Komentar