你真的了解DOCTYPE吗?——标签整理

DOCTYPE

该元素一般声明在html文档的首行,也是最顶行,在html标签之前。准确的说这不是html标签的一部分,他是html文档的一部分。并且有固定的书写格式。告诉浏览器用何种方式解析html文档。

<!DOCTYPE 根元素 PUBLIC FPI [URI] >

DOCTYPE元素中的关键字有:

1.根元素——一般是html,

2.PUBLIC——公开的文档类型定义(dtd)

3.FPI—— 正式公共标识符,唯一标识文档、产品、规格等。该标识分为两个部分,一部分是所有者标识符,一部分是文本标识符,用双斜杠隔开。如下代码中-//W3C为所有者,DTD XHTML 1.0 Transitional//EN为文本标识符。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "uri地址">

4.URI——系统标识符,dtd规范的文档地址

在不同的版本中doctype的声明

html5 DOCTYPE声明

目前html5版本采用如下写法,因为html5不再基于sgml,所以不引用dtd。只需要一个根元素的关键字即可。html5之前的版本也需要这个根元素关键字。只不过html5 不需要dtd相关关键字,也就是其他三个。他们一般一起使用,如果使用就是html5之前的版本。如果不使用,就是html5版本。

<!DOCTYPE html>

html5版本之前 DOCTYPE声明

html5版本之前 DOCTYPE声明还要分为三种模式。

严格模式 Strict

严格的DTD能包含所有的HTML元素和属性,但不包括已被弃用的元素(例如font、center等),也不包括框架相关的元素(例如frameset、frame等。

//4.01版本
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
//xhtml1版本 多了XML的验证规范
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD//xhtml1-strict.dtd">
过渡模式 Transitional

过渡的DTD仅不包含框架相关的元素。

//4.01版本
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
//xhtml1版本 多了XML的验证规范
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD//xhtml1-transitional.dtd">
框架集 Frameset

框架集的DTD包含所有HTML元素和属性。

//4.01版本
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
//xhtml1版本 多了XML的验证规范
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD//xhtml1-frameset.dtd">

下边真的可以不看 -----

想学习一些前端的书籍吗,我都帮你整理好啦!评论打出你想读的书,给你最全的笔记干货
超级全的前端知识,面试必备、系统复习必备哟哟哟

有想法评论提出哈,欢迎交流,小编也是渣渣一枚呢~一起进步呗

这次真的可以不看 -----

点个收藏呗,要不赞一个呗,小编手都敲累了,但还是持续加更呢~

猜你喜欢

转载自blog.csdn.net/qq_36049117/article/details/107428065
今日推荐