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

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

猜你喜欢

转载自blog.csdn.net/weixin_41796631/article/details/89400234