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ữ đánh dấu siêu văn bản, đây là hình thức định dạng cốt lỗi của hầu hết các trang web trên mạng Internet. Và hiện tại HTML5 là phiên bản sau và mới nhất đi lên từ HTML, nó có cải tiến thêm nhiều chức năng khác nhau phù hợp với sự phát triển của khoa học công nghệ thôi.
Lịch sử các phiên bản HTML
Lợi ích nên chọn HTML5?
- Giúp công cụ tìm kiếm index trang web / blog tốt hơn và nhanh hơn.
- Tương thích tốt hơn với trình duyệt
- Document Object Model (DOM) là ổn đị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 bản mấy bằng cách vào trang sau: validator.w3.org , nếu có thông báo như thế 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 các 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ả các mã sau:
<b:include name='quickedit'/>
Mỗi khi bạn thêm một widget vào thì phải vào trong template 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ả các 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ư thế này nếu có:
<div class='post-share-buttons goog-inline-block'>........</div>
Bước 9: Mã hóa các ký tự đặc biệt như: < > / & . . .
Thường bạn sẻ gặp 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 mình đã chuyển sang HTML5 và chuẩn chưa nào?