HTML <!DOCTYPE> 标签

🌙
手机阅读
本文目录结构
axihe

HTML <!DOCTYPE> 声明功能

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。

在 HTML4 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML4 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。

HTML5 不是基于 SGML,因此不要求引用 DTD。

提示:总是给您的 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。

HTML <!DOCTYPE> 声明用法

HTML5 的 doctype 非常简单。表明你的 HTML 内容使用 HTML5,只需要简单的使用:

<!DOCTYPE html>

这样做会让目前还不支持的 HTML5 的浏览器采用标准模式解析,这意味着他们会解析那些 HTML5 中兼容的旧的 HTML 的标签的部分,而忽略他们不支持 HTML5 的新特性。

这个 doctype 比以前更短,更简单,使的它更容易被记住并且减少必须下载的字节数。

https://a.axihe.com/api/html/iexplore_J4smYa0yYN.png

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文档标题</title>
    </head>

    <body>
        文档内容......
    </body>

</html>

浏览器支持

所有主流浏览器都支持 <!DOCTYPE> 声明。

HTML4 与 HTML5 之间的差异

HTML4 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种:

<!DOCTYPE html>

HTML 元素和 Doctypes

参阅 HTML 元素与合法的 Doctype,看看每一个 HTML 元素都出现在哪一种 Doctype 中。

提示和注释

注释:<!DOCTYPE> 标签没有结束标签。

提示:<!DOCTYPE> 声明不区分大小写。

提示:使用 W3C 的验证 检查您是否编写了一个带有正确 DTD 的合法的 HTML / XHTML 文档!

常见的 DOCTYPE 声明

HTML 5

<!DOCTYPE html>

HTML 4

HTML4 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4//EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML4 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML4 Frameset

这个 DTD 与 HTML4 Transitional 相同,但是允许使用框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang