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

Chia sẻ

Dạo này check trên mạng thấy những blogger chuyên kiến thiết 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 mọi người 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ữ lưu lại siêu văn bản, đây là chính sách định dạng cốt lỗi của hầu hết những trang web trên mạng Internet. Và thời điểm hiện tại 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 chức năng không giống nhau 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à bất biến 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ông giống nhau như: < > / & . . .

Thường bạn sẻ chạm chán 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?

Nội dung chính