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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值