html5 新特性：文档声明和头部信息 ( !DOCTYPE 和 meta 标签)

最新推荐文章于 2021-11-29 09:06:01 发布

转载最新推荐文章于 2021-11-29 09:06:01 发布 · 2.2k 阅读

html 专栏收录该内容

26 篇文章

订阅专栏

本文对比了HTML4.01/XHTML1.0与HTML5的文档类型声明及头部信息<meta>的区别。HTML5简化了文档声明，不再引用DTD文档，头部信息也更简洁。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 中，有这样一小段就够了

html5 新特性：文档声明和头部信息 ( !DOCTYPE 和 meta 标签)

文档类型声明 ：

头部信息：

一、文档声明格式

1）Html4.01和 Xhtml1.0的文档声明信息：

2）Html5的文档声明信息：

html5 为什么不需要声明时引用 DTD 文档了？

二、头部信息<meta>

Html4.01：

Html5：

文档类型声明：