以一个HTML页与该页面HTML 5的写法为例，比较下HTML 4与HTML 5的区别。
1. DocType
DocType的由来是个比较有趣的故事。微软在开发IE 5的时候，发现IE 5比IE 4在对HTML标准规范支持上提高非常多，所以很快旧的页面不再对在新的版本中被渲染，原因是这些页面的编写方式都很不规范，而旧的浏览器也是在很不规范地处理HTML页面。所以他们想了个办法，在每个新的页面中加入DocType来指出这个项目是需要用新的IE渲染方式的，而不加doctype的页面是用旧的渲染方式。这样也就把页面的渲染方式变成了不同的模式。
在HTML 4中，doctype的指定方式为：
- <!DOCTYPE html
-
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
"">
而在HTML 5中，只需要很简单的指定为：
2. 根元素
页面的根元素为，在HTML 4中如果为了指出一个页面是符合XHTML 1.0规范，就需要写成：
- <html xmlns=""
-
lang="en"
-
xml:lang="en">
但HTML 5总是符合XHTML 1.0规范的，所以只需要写为
3. 字符编码
一个页面的字符编码信息告诉浏览器当前页面是用什么字符编码，这样才能用正确的字符集进行显示。
HTML 4中可以用：
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
HTML 5只需要使用
4. Link
页面的link表示了这个页面与其他页面之间的关系（当前页面的扩展，或是链接向其他页面）。当前页面的扩展信息是用来辅助进行页面渲染的，比如说页面的CSS。页链向其他页面的link则更多的信息，没有实际的作用。举例说明HTML 4与HTML 5在link上的区别
rel=stylesheet
HTML 4:
- <link rel="stylesheet" href="style-original.css" type="text/css" />
HTML 5:
- <link rel="stylesheet" href="style-original.css" />
因为页面只有CSS一种stylesheet，所以type没必要了。ref=alternateHTML 4中只是用它来指定页面的RSS feed信息HTML 5不仅可以用它指定RSS feed信息，也会用它来表示该页有另外一种阅读方式，如PDF形式，等。5. HTML 5加入的新元素
- - - 表示一个完整的文档、应用，它可以被独立的分发和重用。- - 表示section的标头信息，可以组合h1到h6到一个hgroup中。- - - - 一个文档的标注信息
阅读(849) | 评论(0) | 转发(0) |
