Nối tiếp bài viết cách
tạo blog chuẩn W3C HTML5 thì bài viết này sẻ giúp bạn cách đăng bài tránh bị lỗi mà hoàn toàn Valid HTML 5.
Một số lỗi bạn gặp phải thường do đăng ảnh, hoặc tạo bảng như:
"
Attribute imageanchor not allowed on element a at this point", "
The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead" hoặc '
An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images"...
Cách đăng bài chuẩn HTML5
Lời khuyên là các bạn nên đăng bài ở chế độ HTML thay vì dạng viết dạng text theo thông thường. hoặc nếu bạn không quen thì có thể chuyển đổi qua lại làm sao cho thuận tiện nhất là được.
Lỗi khi up ảnh lên bài viết
Đây là lỗi thường gặp nhất nếu bạn không để ý thì khi check blog trên
http://validator.w3.org/ sẻ hiển thị lỗi ngay, ảnh thiếu alt cũng là lỗi thường gặp nó vừa bị lỗi và vừa không tối ưu với công cụ tìm kiếm.
Khi đăng ảnh bạn cần xóa mã sau:
border="0" và
imageanchor="1" và nhớ thêm thẻ
alt để bài đăng được chuẩn HTML5
Một số lỗi trong template...
Một số lỗi thường gặp như: "
The allowtransparency attribute on the iframe element is obsolete. Use CSS instead" , "
The frameborder attribute on the iframe element is obsolete. Use CSS instead", "
Duplicate ID post-timestamp-for-related.", "
Bad value for attribute src on element iframe: Must be non-empty"...
Để fix các lỗi này bạn vào template tìm đoạn code sau:
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
và xóa tất cả các mã như bên dưới đi:
-
allowtransparency='true'
-
frameborder='0'
-
src=''
-
scrolling='no'
-
width='100%'
-
style='display: none'
Tiếp tục tìm đoan code sau:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Thay thế bằng mã sau:
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
</b:if>
Với một vài lời khuyên trên hy vọng sẻ giúp bạn
tạo bài đăng chuẩn HTML5 cho blogspot!
Bạn đang xem bài viết Cách tạo bài đăng chuẩn HTML5 cho blogspot trên tips24h.net - Cách tạo bài đăng chuẩn HTML5 cho blogspot tương đương với đường dẫn http://www.tips24h.net/2014/06/cach-tao-bai-dang-chuan-html5-cho-blogspot.html. Nếu bạn thấy bài viết hữu ích hãy chia sẻ URL trên cho bạn bè, người thân của bạn. Vui lòng không sao chép nội dung bài viết trên www.tips24h.net nếu chưa được sự đồng ý của Admin