阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    HTML <!DOCTYPE> 标签

    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">
    
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录