笔记 前端需要了解的html5 为什么只需要写DOCTYPE

HTML与DOCTYPE详解
最新推荐文章于 2024-08-27 10:00:00 发布
原创 最新推荐文章于 2024-08-27 10:00:00 发布 · 394 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

本文深入探讨了HTML5与HTML4.01中DOCTYPE的作用及差异，解释了其如何影响浏览器的解析模式，包括严格模式与混杂模式的区别，并概述了不同HTML与XHTML文档类型的规范。

原因

html5 不是基于sgml (标准通用标记语言)，不需要对dtd文件进行引用，但是需要doctype来规范浏览器的行为，否则浏览器将开启怪异模式，而html4.01 基于sgml，需要引入dtd，才能告知浏览器文档使用的文档类型。

作用

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。告诉浏览器按照何种规范解析页面

严格模式与混杂模式

严格模式的排版和JS运作模式是 以该浏览器支持的最高标准运行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

重点

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

补充其他的文档类型

HTML 4.01规定了三种文档类型：Strict、Transitional以及Frameset。

XHTML 1.0规定了三种XML文档类型：Strict、Transitional以及Frameset。

Standards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页。

Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

【尚硅谷HTML5】前端HTML代码笔记
Blue
04-13 1287
HTML501.text02.实体index1index2index3index4index503.标签04.语义化标签05.语义化标签06.语义化标签07.列表08.超链接09.相对路径10.超链接11.图片标签12.内联框架13.音视频 01.text <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
m0_67844671的博客
06-01 1432
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
HTML5为什么只需要写＜DOCTYPE HTML＞
qq_56760516的博客
03-04 417
HTML5的上一个版本是HTML4.01，HTML5结合了HTML4.01的相关标准并做出了一定的改进。而HTML4.01中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML（标准通用标记语言,HTML,XML都是由SGML发展的。）。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要用DOCTYPE（告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以怪异模式呈现。）声明来规范浏览器的行为。...
HTML5 为什么只需要写 !DOCTYPE HTML
LuckXinXin的博客
05-01 869
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为 而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型 ...
前端面试：HTML5 为什么只需要写 ＜!DOCTYPE HTML＞？
最新发布
2401_86900447的博客
08-27 580
的引入是为了简化文档声明，减少不同版本的复杂性，提高跨浏览器的兼容性和一致性，降低学习和使用的门槛。HTML5 旨在为开发者提供一个更清晰、更简洁的开发体验，使 HTML 的使用变得更加高效。：HTML5 的简化设计为移动设备、网络应用等不同平台的兼容提供了更大的灵活性。：HTML5 的 DOCTYPE 设计旨在消除老旧文档和浏览器的兼容模式，使开发者不必担心不同文档类型带来的渲染差异。的原因主要与 HTML5 的设计理念和规范的简化有关。明确表示这是一个 HTML5 文档，提升了文档的可读性。
<!DOCTYPE html>很重要
愤怒的coder
12-31 1153
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 ...
HTML5 为什么只需要写 ＜!DOCTYPE HTML＞
笑望灬星辰
03-30 671
HTML5 为什么只需要写 1. HTML5 不基于 SGML ，因此不需要对 DTD 进⾏引⽤，但是需要 doctype 来规范浏览器 的⾏为 2. HTML4.01 基于 SGML ,所以需要对 DTD 进⾏引⽤，才能告知浏览器⽂档所使⽤的⽂档 类型 ...
web前端零基础html5 +css3+前端项目视频教程笔记、源码第一章初识HTML
11-12
HTML5和CSS3是现代Web前端开发的基础，它们共同构成了网页的结构和样式。本教程旨在帮助零基础的学员从头开始学习这两种关键技术，并通过实际项目加深理解。 HTML（HyperText Markup Language）是用于创建网页内容...
HTML前端笔记html.md
04-10
总的来说，HTML是构建网页的基础，通过掌握HTML标签和属性，可以创建出结构合理、内容丰富的网页，为用户提供良好的浏览体验。学习HTML不仅仅是学习标签和属性的使用，更是要理解网页结构的设计和布局，以及如何将...
前端技术HTML基础笔记
06-07
### 前端技术HTML基础知识点 #### 一、网页与HTML概述 - **网页**：构成网站的基本单位，通常以HTML格式呈现。 - **HTML（HyperText Markup Language）**： - 定义：超文本标记语言，专门用于描述网页内容。 - ...
[html] 为什么HTML5只需要写＜!DOCTYPE HTML＞就可以？
歌谣的博客
03-10 939
[html] 为什么HTML5只需要写就可以？ 因为 HTML5 与 HTML4 基于的基准不同。HTML4 基于 SGML 因此需要除了 DOCTYPE 外还需要引入 DTD 来告诉浏览器用什么标准进行渲染。DTD 还分为标准模式、严格模式。如果什么都不写，就完全让浏览器自我发挥，会变成怪异模式。 HTML5 不基于 SGML，因此后面就不要跟 DTD，但是需要 DOCTYPE 来规范浏览器的渲染行为。 注：SGML 是通用标记语言的集合。其中有 HTML、XML，因此需要用 DTD 来指定使用那种
HTML5 为什么只需要写 ＜!DOCTYPE HTML＞，而不需要引入 DTD？
CjBkl的博客
06-27 550
HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而 HTML4.01 基于 SGML ，所以需要对DTD 进行引用，才能告知浏览器文档所使用的文档类型。 ...
html5只需要<!DOCTYPE HTML>的原因
weixin_30267785的博客
08-20 249
　　首先我们先了解两个东西：　 　　SGML：标准通用标记语言（以下简称“通用标言”），是一种定义电子文档结构和描述其内容的国际标准语言；[1]通用标言为语法置标提供了异常强大的工具，同时具有极好的扩展性，因此在数据分类和索引中非常有用；[2]是所有电子文档标记语言的起源，早在万维网发明之前“通用标言”就已存在。[1] 　　DTD：文档类型定义(Document Type...
IE浏览器：HTML1527: 需要 DOCTYPE。请考虑添加有效的 HTML5 doctype:“「!DOCTYPE html」”。
shunzi2016的博客
07-04 7011
HTML1527: 需要 DOCTYPE。请考虑添加有效的 HTML5 doctype:“<!DOCTYPE html>”。
HTML5笔记(2) - 为什么需要HTML5
热门推荐
王卫Oneway的专栏
03-24 1万+
前言上学时导师教导过我们，学习新技术、新标准规范时，要经常针对细节问自己：这部分为什么会这么定义；坚持思考，某一天你才有可能成为规则制定者中的一员。所以我“为赋新词强说愁”，为思考而思考：为什么会有HTML5。预感到下文可能会有点罗嗦，就先把两种提法列出来，再细说之： HTML5是互联网发展的必然产物，是“网页（Web Page）”向“网应用（Web Application）”升级的工具HTML5不是用户应用的迫切需求，更多是厂商们试图改变软件生态格局的战略需求1. 背景一般而言，有HTML4就会有HTML
HTML5 <!DOCTYPE html>
jesseyoung
07-14 2665
1 定义和用法 <!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。 doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。 在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。 HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML。而 H
HTML5头部为什么只需要写DOCTYPE html?
人间清醒
05-08 3640
html5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行） 而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 ps:SGML是标准通用标记语言,简单的说，就是比HTML,XML更老的标准，这两者都是由SGML发展而来的。 BUT，HTML5不是的。...
【每日十分钟前端】基础篇2，HTML5不需要引用DTD、Doctype严格模式与混杂模式、src和href、js严格模式
u013035708的博客
02-16 723
1.1、HTML5 为什么只写 ？ 1.2、Doctype的严格模式与混杂模式如何区分？它们有何意义？ 2、src 和 href 的区别？ 3、js严格模式有什么限制，为什么使用严格模式？
html5文档类型通过 声明,HTML 版本声明 DOCTYPE 标签
weixin_26729841的博客
06-03 479
当我们打开一个正规网站的源代码的时候，都会发现源代码最开始一定是以头的，而这个 后面有的直接添加了> 而有的还有很长的文字，如，当然比较主流的网页源代码，比如E维科技源代码都采用HTML5格式，直接以 开头。 由于不是HTML标签，它只是一条浏览器指令，告诉浏览器编写页面所用的标记的版本，所以不需要成对出现。 在任何版本中都对大小写不敏感，不过习惯上写做“”，当然为了符合W3C标准，写做“”...
暑假HTML5笔记：前端开发常用标签详解
资源摘要信息:"博主在暑假期间对前端HTML标签进行了深入的学习，并将一些常用的HTML标签进行了总结，希望能对大家有所帮助。这个笔记是博主对HTML5的学习成果的体现，涵盖了HTML5的主要知识点和使用技巧。" HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值