<!DOCTYPE> 声明|青训营笔记

135 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天。 韩老师着重分享了HTML前端的一些标签知识。对于<!DOCTYPE>声明,很多入门同学相对来说会忽略这块的知识。该声明有助于浏览器正确显示内容,它是不分大小写的,以下4种方式皆可:

<!DOCTYPE html>\
\
<!DOCTYPE HTML>\
\
<!doctype html>\
\
<!Doctype Html>

举个例子

  • HTML5 <!DOCTYPE html>
  • HTML4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\ "http://www.w3.org/TR/html4/loose.dtd">
  • XHTML1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文编码

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为UTF-8或GBK。

<!DOCTYPE html>
<html> 
<head> 
<meta charset="UTF-8"> 
<title>标题</title> 
</head> 
<body> 
<h1>标题1</h1> 
</body> 
</html>

注意事项

  1. doctype声明是不区分大小写的,用来告知Web浏览器页面使用了哪种HTML版本。 在HTML4.01中,声明需引用DTD(文档类型声明),因为HTML4.01是基于SGML(Standard Generalized Markup Language标准通用标记语言)。HTML4.01规定了三种不同的 声明,分别是:Strict、Transitional和Frameset。 HTML5不是基于SGML,因此不要求引用 DTD。
  2. 对于中文网页需要使用<meta charset="utf-8">声明编码,否则会出现乱码。有些浏览器(如360浏览器)会设置GBK为默认编码,则你需要设置为 <meta charset="gbk">。目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候需要在头部将字符声明为UTF-8。