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