HTML5网页设计

html5

Html5文档声明和头部信息

时间:2012-04-07 16:01来自:未知作者:网络点击:
Html5推出的新内容比较多,本文我们来介绍两个重点内容,文档类型声明和头部信息。 无论是Html4.01还是XHtml1.0,所有文档的开头都会有文档声明!DOCTYPE标签来声明它采用哪种标准来解析当前网页。

Html5推出的新内容比较多,本文我们来介绍两个重点内容,文档类型声明和头部信息。

无论是Html4.01还是XHtml1.0,所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页,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">

Html5的文档声明信息:


<!DOCTYPE html>

<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。它告诉浏览器网页所使用的 Html 规范是什么。Html4.01 中的DOCTYPE需要对DTD进行引用,因为 HTML4.01基于SGML。而HTML5不基于SGML,因此不需要对 DTD 进行引用,但是需要 DOCTYPE来规范浏览器的行为。需要注意的是DOCTYPE对大小写很敏感,请书写时注意大小写。

相比之下,我更喜欢Html5的这个文档声明,它不仅短小精悍、言简意赅,更秒的是我们可以随时将它的写法记在心中,方便于手写代码了,而前两者的写法实在太长,用它的时候只能Ctrl+C和Ctrl+V。

另一方面,Html5对头部信息<meta>的相关内容也有很大优化,比如定义文档的字符编码,在Html4.01中定义的方法很长:


<meta http-equiv="content-type" content="text/html; charset=utf-8">

在Html5中,有这样一小段就够了:


<meta charset="utf-8">

优化后的这些是不是很简单?也许这就是Html5让人惊喜之处。

当前文章地址:http://www.shejicool.com/web/html5/331.html

上一篇:HTML5结构之美 下一篇:HTML5表单新功能
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐