Html5 推出的新内容比较多,本文我们来介绍两个重点内容,文档类型声明和头部信息
文档类型声明 :
- Html4.01和 Xhtml1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 和 <!DOCTYPE html>
- html5: <!DOCTYPE html>
头部信息:
- Html4.01和 Xhtml1.0: <meta http-equiv="content-type" content="text/html; charset=utf-8">
- html5: <meta charset="utf-8">
一、文档声明格式
无论是Html4.01还是XHtml1.0,所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页,Html5也不例外,不过它较之前两者更加简单化,只需要一行声明即可。
1)Html4.01和 Xhtml1.0的文档声明信息:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2)Html5的文档声明信息:
<!DOCTYPE html>
html5 为什么不需要声明时引用 DTD 文档了?
<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。它告诉浏览器网页所使用的 Html 规范是什么。
因为 HTML4.01基于SGML,所以Html 4.01 中的DOCTYPE需要对DTD进行引用。而HTML5不基于SGML,因此不需要对 DTD 进行引用,但是需要 DOCTYPE来规范浏览器的行为。
需要注意的是DOCTYPE对大小写很敏感,请书写时注意大小写。
二、头部信息<meta>
另一方面,Html5对头部信息<meta>的相关内容也有很大优化,比如定义文档的字符编码,在Html4.01中定义的方法很长:
Html4.01:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Html5:
<meta charset="utf-8">
Html5 中,有这样一小段就够了