HTML5 迁移
发布时间：2016-11-02 16:56:45 来源：51推一把
【摘要】如何把一张已有的 HTML4 页面转换为 HTML5 页面，在不破坏如何原始内容和结构的情况下。
从 HTML4 迁移至 HTML5
如何把一张已有的 HTML4 页面转换为 HTML5 页面，在不破坏如何原始内容和结构的情况下。
更改为 HTML5 Doctype
修改文档类型，从 HTML4 doctype：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">修改为 HTML5 doctype：
<!DOCTYPE html>
更改为 HTML5 编码
修改编码信息，从 HTML4：
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">改为 HTML5：
<meta charset="utf-8">
添加 shiv
所有现代浏览器都支持 HTML5 语义元素。
此外，您可以“教授”老式浏览器如何处理“未知元素”。
为 Internet Explorer 支持而添加的 shiv：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<article> <section> 与 <div> 之间的差异
在 HTML5 标准中，<article> <section> 与 <div> 之间的差异很小，令人困惑。
在 HTML5 标准中，<section> 元素被定位为相关元素的块。
<article> 元素被定义为相关元素的完整的自包含块。
<div> 元素被定义为子元素的块。
如何把一张已有的 HTML4 页面转换为 HTML5 页面，在不破坏如何原始内容和结构的情况下。
更改为 HTML5 Doctype
修改文档类型，从 HTML4 doctype：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">修改为 HTML5 doctype：
<!DOCTYPE html>
更改为 HTML5 编码
修改编码信息，从 HTML4：
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">改为 HTML5：
<meta charset="utf-8">
添加 shiv
所有现代浏览器都支持 HTML5 语义元素。
此外，您可以“教授”老式浏览器如何处理“未知元素”。
为 Internet Explorer 支持而添加的 shiv：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<article> <section> 与 <div> 之间的差异
在 HTML5 标准中，<article> <section> 与 <div> 之间的差异很小，令人困惑。
在 HTML5 标准中，<section> 元素被定位为相关元素的块。
<article> 元素被定义为相关元素的完整的自包含块。
<div> 元素被定义为子元素的块。