Hướng dẫn tạo blogspot chuẩn W3C HTML5

Dạo này check trên mạng thấy những blogger chuyên thi công mẫu giao diện blog họ tạo ra những mẫu mẫu giao diện hầu như theo chuẩn html5 cả nên post sẻ chỉ dẫn những bác cách để chuyển blog của tôi từ XHTML...sang HTML5

Chắc hẳn bạn đang đặt ra câu hỏi HTML5 là gì?

HTML là viết tắt của cụm từ Hyper Text Markup Language là ngôn ngữ ghi lại siêu văn bản, đây là phương thức định dạng cốt lỗi của hầu hết những trang web trên mạng Internet. Và lúc này HTML5 là phiên thế hệ sau và tiên tiến nhất đi lên từ HTML, nó có nâng cấp thêm nhiều công dụng khác biệt tương xứng với sự phát triển của khoa học công nghệ thôi.

Lịch sử những phiên thế hệ HTML

Lợi ích nên chọn lựa HTML5?

Giúp tool tìm kiếm index trang web / blog tốt hơn và Cấp Tốc hơn.
Tương thích tốt hơn với trình duyệt
Document Object Model (DOM) là định hình hơn và nhất quán
...

Chuyển Blogspot sang HTML5

Bước 1: Kiểm tra blog của bạn đang dùng phiên thế hệ mấy bằng cách vào trang sau: validator.w3.org , nếu có thông báo như vậy này là Blog của bạn đã chuẩn HTML5.

Bước 2: Sao lưu mẫu lại trước khi thực hiện
Bước 3: Xóa hết những thẻ trên <head> và để lại như sau:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>

Chuyển mã </html> thành </HTML>

Bước 4: Thay thế mã sau:

<b:include data='blog' name='all-head-content'/>

Thành

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>

Bước 5: Thay thế mã <b:skin><![CDATA[ thành:

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

Bước 6: Tìm và xóa bỏ tất cả những mã sau:

<b:include name='quickedit'/>

Mỗi khi bạn thêm một widget vào thì phải vào trong mẫu giao diện và xóa mã này đi nếu không nó sẻ báo lỗi.

Bước 7: Xóa bỏ tất cả những mã sau:

<a expr:name='data:post.id'/>

Hoặc

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a></span></b:if></b:includable>

Bước 8: Loại mã như vậy này nếu có:

<div class='post-share-buttons goog-inline-block'>........</div>

Bước 9: Mã hóa những ký tự khác lạ như: < > / & . . .

Thường bạn sẻ gặp gỡ mã đây nhất: & hãy thay chúng thành &amp;

Giờ bạn hãy thử kiểm tra thử xem Blog của tôi đã chuyển sang HTML5 và chuẩn chưa nào?

Hướng dẫn tạo blogspot chuẩn W3C HTML5

Lịch sử những phiên thế hệ HTML

Lợi ích nên chọn lựa HTML5?

Chuyển Blogspot sang HTML5

Biểu mẫu liên hệ