您的位置:首页 - HTML5
HTML5新的DOCTYPE和字符集


HTML5设计准则化繁为简,Web页面的DOCTYPE被极大的简化了。

HTML4 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE>

谁能记得住?

请看HTML5 DOCTYPE

<!DOCTYPE html>

跟DOCTYPE一样,字符集的声明也被简化了。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

现在成了

<meta charset="utf-8" />

新的DOCTYPE和字符集
首先,根据HTML5设计准则的第3条——化繁为简,Web页面的DOCTYPE被极大地简化了。以下面这段HTML4 DOCTYPE代码为例进行对比:

<!DOCTYPE HTML PUBLIC"-/W3C//DTD HTML 4.01 Transtitonal//EN"
"http://www.w3.org/TR/html4/loose.dtd">
谁能记得住?所以在新建页面的时候,我们往往只能通过复制粘贴的方式添加这么长的DOCTYPE,同时脑子里还不确定复制的对不对。HTML5干净利索地解决了这个问题:
<!DOCTYPE html>
现在的DOCTYPE好记多了。跟DOCTYPE一样,字符集的声明也被简化了。过去是这样的:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
现在成了:
<meta charset=utf-8">
使用新的DOCTYPE后,浏览器默认以标准模式(standards mode)显示页面。例如,用Firefox打开一个HTML5页面,然后单击“工具-页面信息”(Tools-Page Info),示例页面是以标准模式显示的。
使用HTML5的DOCTYPE会触发浏览器以标准兼容模式显示页面。众所周知,Web页面有多种显示模式,比如怪异模式(Quirks)、近标准模式(Almost Standards)以及标准模式(Standards)。其中标准模式也被称为非怪异模式(no-quirks)。浏览器会根据DOCTYPE识别该使用哪种模式,以及使用什么规则来验证页面。在怪异模式下,浏览器会尽量不中断页面显示,即使没有完全通过验证也会将其显示出来。HTML5引入了新的标记元素和其他机制(随后会详细讨论),因此如果坚持使用已废弃的元素,那么页面将无法通过验证。
本站导航
相关文章
柯乐义 Copyright© keleyi.com