开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

!DOCTYPE的功能是什么？

在HTML文档中，<!DOCTYPE> 声明用于定义文档类型和版本。它告诉浏览器使用哪种HTML或XHTML规范来解析和显示网页内容。<!DOCTYPE> 声明的功能主要有以下几点：

定义文档类型：<!DOCTYPE> 声明用于指定文档是哪种类型的HTML或XHTML。例如，HTML5 的<!DOCTYPE> 声明如下：

<!DOCTYPE html>

版本信息：<!DOCTYPE> 声明还可以指定文档所遵循的规范版本。例如，HTML 4.01 的<!DOCTYPE> 声明如下：

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

向后兼容：<!DOCTYPE> 声明有助于确保浏览器以正确的模式来渲染页面，以实现向后兼容。例如，在没有<!DOCTYPE> 声明的情况下，浏览器可能会进入“混杂模式”（quirks mode），这会导致页面在不同浏览器之间的显示差异。
提高代码质量：<!DOCTYPE> 声明有助于提高网页代码的质量，因为它使浏览器按照特定的规范来解析和显示内容。这有助于确保网页在各种浏览器和设备上的一致性和可靠性。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云COS：一个用于存储和管理文件的可靠、安全、高效、低成本的云存储服务。
腾讯云CLB：一个用于实现负载均衡的高性能、高可用、可扩展的云服务，可以帮助用户在分布式系统中实现流量分发和故障转移。
腾讯云CDB：一个用于存储和管理数据的可靠、安全、高效、低成本的云数据库服务，支持MySQL和MariaDB两种数据库类型。

请注意，我们不会提及其他云计算品牌商，如亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

HTML文件里的!Doctype有什么作用？

事情起因于，我发现有<!DOCTYPE html>的网页和没有的，页面展示的header差了2px。调试了css好久的也解决不了。偶然间删除了doctype结果居然对齐了，也就是说它会影响某些CSS。所以，我仔细研究了一下DOCTYPE 的作用。

03

JavaScript对象怎么实现迭代(iterator)功能？

可迭代对象，需要具备 Symbol.iterator 和 next 这两个函数，即可用 for...of 进行迭代。譬如：String、Array、TypedArray、Map 和 Set，都是可迭代对象。

02

JavaScript的Symbol是什么？

Symbol 是 ECMAScript 2015 中新添加的特性，生成一个唯一标识符，可用于属性名称、也可用于属性值。目的是消除属性名称冲突。

01

前端HTML+CSS面试题汇总一[通俗易懂]

Quirks模式和Standards模式的区别：首先，严格模式（又称标准模式，Standards模式）和混杂模式（Quirk模式）都是指浏览器的呈现模式，要与Doctype的两种风格区别开来（严格（ strict ）和过渡（ transitional ），过渡 DOCTYPE 的目的是帮助开发人员从老版本迁移到新版本）。

02

前端面试题-每日练习(2)

啊啊啊好多天没更新,都因为我是个懒狗!!!最近回到学校,之前和小胡还有小猪都去吃了饭 ^ ^ 回到学校我要好好学习了。

02

【前端面试题】01—42道常见的HTML5面试题(附答案)

HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这些API推动了前端的发展。

01

7-1.表单-HTML基础

一、表单 1.表单是什么? 之前我们学的标签做出来都是静态页面，而不是动态的。要想做出一个动态页面，就需要借助表单来实现。如果一个页面仅仅供用户浏览,那就是静态页面；若这个页面还能实现与服务器进

02

文档模式小记

虽然以前就知道浏览器有文档模式，但是一直对他迷迷糊糊。这本书有说道，于是就仔细看看吧。文档模式有3种，混杂模式标准模式准标准模式混杂模式是一般的浏览器在开发者没有声明的时候默认使用（不过这种模式在不同的浏览器下表现的差异很大，一般不要用），因为文档模式是在IE5.5出现时引入的，所以混杂模式的作用是让之后得浏览器版本的行为更像IE5.5，而标准模式则是为了让IE的行为更像标准（遵守W3C的标准），最后一种准标准模式，我就呵呵了，看了半天也没理解书上那简短的一句话讲的是什么，但是度娘说准标准模式在I

06

HTML和CSS面试题及答案总结一

3.在input表单控件中，value和placeholder的区别是什么？答： placeholder: 表示在输入框中显示的提示信息，用户点击之后，提示信息就会消失。 value: 叫做默认值，当用户想要在输入框中输入信息的时候，必须先手动的删除value的值。

01

40个重要的HTML 5面试问题及答案

目录介绍 SGML、HTML、XML和XHTML之间的关系？什么是HTML 5？如果我不输入<!DOCTYPE HTML>，HTML 5能工作吗？哪些浏览器支持HTML 5？ HTML 5的页面结构和HTML 4或早先的HTML有什么不同？ HTML 5中的DataList是什么？ HTML 5中不同的新表单元素类型是什么？ HTML 5中的输出元素是什么？ SVG是什么？能否使用HTML 5举个简单的SVG例子？ HTML 5中的Canvas画布是什么？如何在HTML 5中使用Canvas和S

<!DOCTYPE html PUBLIC……>的组成解释「建议收藏」

DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。

02

面向对象系列讲解—面向对象的含义&工厂模式

HTML5学堂：在上一篇文章当中，我们把对象进行了基本的解释，本文当中，我将为大家解释什么是面向对象？为何要使用面向对象，而不用面向过程，面向对象又有什么好处，能够帮我们做些什么？基本的面向对象的代码又应当如何书写？并依照以上的例子来讲解一下“工厂模式”。面向对象的解释对面向对象的解释如下：把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。对同类对象抽象出其共性，形成类。类中的大多数数据，只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系，对象与对象之间通过消息进行通信。

06

彻底理解Doctype

写了很多年的CSS，但是对于页面中的第一段话从来都是模模糊糊的认识。仿佛是记得，不同doctype模式，就会触发不同的验证级别。实际的编码过程中，貌似遇到过一两次模式不同，代码解释不一样的情况，但是并没有去细细的追究。今天想起来，这个问题乃是一个最基本的问题，所以花了点时间整理一些知识，消化一下，今后不能够在这个方面有半点的马虎。

01

XML约束

由于XML的标签是完全自定义的可以去写任何标签，标签内也可以写任何内容，为了去规范去定义只能有哪些标签，标签的内容只能有哪些类型只能是什么。这个时候就需要写约束文件来应用到需要的XML里面。约束有两种方式一种是dtd，第二种是schema，前者相对简单但功能相比schema较弱

02

细谈WEB标准

最近有些朋友很是疑惑web标准是什么，我在这里先做一个总结，有更好的见解的可以私信给我！

03

HTML学习笔记——心动不如行动

----------------------------------------------------------------------

02

HTML全标签语法总结——前端从入门到学废

HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如[CSS]），或功能与行为（如 [JavaScript]）。

01

DOCTYPE

DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本

04

H5十大新特性(前端面试新手必背)

前端HTML5十大新特性总结: <!DOCTYPE html> 这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注意到，反正就照写就可以了。 HTML5不是SGML的子集，从最开始的声明方式

03

7-2.表单-HTML基础

<input type="radio" name="组名" value="取值" />

02

HTML 常见面试题速查

DOCTYPE 是 html5 标准网页声明，且必须声明在 HTML 文档的第一行。用来告知浏览器的解析器用什么文档标准来解析该文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 的解析。

02

HTML试题——附答案

答案： HTML指的是超文本标记语言（HyperText Markup Language）。它是一种用于创建网页的标记语言。

01

【前端】html+css 面试题总结（不含答案）

什么是渐进增强和优雅降级浏览器的内核分别是什么?经常遇到的浏览器兼容问题有哪些？原因，解决方法是什么？常用Hack技术从输入网址到页面展现出来是怎样一个流程说说你对HTML语义化的理解 Htm

02

html中的<!DOCTYPE html>起到什么作用？前端面试经常考到

相信很多小伙伴都写过html代码，即使是一些刚接触零基础网页编程的小伙伴也是，但是很多人在学习到html较多以后，却不知，在一个网页创建的时候，很多编辑器都会自动为网页键入一行代码<!DOCTYPE html>你注意到了吗？

01

年薪30万的前端面试题，你能答对几道？|附答案

HTML面试题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必

06

HTML的声明标签

我们在书写网页的时，很少关注HTML的声明标签。同时，很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD（文档类型定义）来解释页面代码。所以，如果你不注意设置了错误的DOCYTPE，结果会让你大吃一惊。

02

【前端寻宝之路】JavaScript初学之旅

01

JavaScript入门（4）

函数，就是一个一系列JavaScript语句的集合，这是为了完成某一个会重复使用的特定功能。在需要该功能的时候，直接调用函数即可，而不必每次都编写一大堆重复的代码。并且在需要修改该功能的时候，也只要修改和维护这一个函数即可。

06

前端面试宝典（一）

Hello大家好，兔妞想着咱们分享也有好多了，而且新一轮的秋招又快到了，要不咱收集收集题目，也好自己查缺补漏一下吧～所以最近会有一些面试题目分享给大家，答案也会一并送出哦。但是穿插这中间还是会有干货的分享哟。

03

HTML试题-附答案

答案： HTML指的是超文本标记语言（HyperText Markup Language）。它是一种用于创建网页的标记语言。

01

Xee漏洞入门到放弃

介绍 XXE 之前，我先来说一下普通的 XML 注入，这个的利用面比较狭窄，如果有的话应该也是逻辑漏洞

01

JS魔法堂：doctype我们应该了解的基础知识

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　什么是doctype？其实我们一直使用，却很少停下来看清楚它到底是什么，对网页有什么作用。本篇将和大家一起探讨那个默默无闻的doctype吧！二、什么是doctype　　　　　　　　　　　　　　　　　　　　　　　　doctype或DTD就是声明在文档首行，位于<html>前，用于告知浏览器该文档遵循那种级别的HTML或XHTML规范。　　其声明格式如下： <!DOCTYPE① html② PUBLIC③ "公共标识符"④ "系统标识

07

H5: 表单验证失败的提示语

前端的童鞋在写页面时, 都不可避免的总会踩到表单验证这个坑. 这时候, 我们就要跪了, 因为要写一堆js来检查. 但是自从H5出现后, 很多常见的表达验证, 它都已经帮我们实现了, 让我们减轻了很多负担, 就好像下面的:

02

你所不知道的html5与html中的那些事（一）

文章简介：关于html5相信大家早已经耳熟能详，但是他真正的意义在具体的开发中会有什么作用呢？相对于html，他又有怎样的新的定义与新理念在里面呢？为什么一些专家认为html5完全完成后，所有的工作都可以达到真正的云方式呢？这一系列的问题你是否已经想明白了呢？本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如：html5新的理念与想法，html5的新标签的用意与具体开发中场景应用，html5与css3的感情经历（用法搭配），包括html5的父亲html的一些

07

DOM Clobbering 的原理及应用

做为一个前端程序猿，肯定应该知道很多与前端相关的知识，像是 HTML 或是 JS 相关的东西，但这些通常都与“使用”有关。例如说我知道写 HTML 的时候要语义化，要使用正确的标签；我知道 JS 应该要怎么用。可是有些知识虽然也跟网页有关，却不是前端程序员经常接触的。

02

【作者投稿】十分钟带你了解XXE

关于xxe，我们首先要了解什么是xxe？XXE（XML External Entity Injection）XML外部实体注入攻击。下面就详细介绍XXE。

00

Struts2笔记(一)

1.创建Action 创建action需要继承ActionSupport类，然后就会有一些常量以及一些方法。 struts2的action默认执行的方法就是execute()方法 package demo01; import com.opensymphony.xwork2.ActionSupport; public class Hello extends ActionSupport{ public String execute(){ return SUCCESS; }

05

06·灵魂前端工程师养成-HTML标签

-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。

02

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

大家好，又见面了，我是你们的朋友全栈君。[size=medium][color=orange][b]JSP页面头部的标识：<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>[/b][/color][/size]

02

运维开发必备技能！陪你分阶段巩固复习前端知识，攻破前端技能防线。

写在开篇先探讨一个问题：运维开发工程师是什么？所谓的运维、所谓的开发，到底怎么理解？到底是运维还是开发？笔者是不是可以这样去理解：只要开发跟运维领域相关的脚本、工具、产品，那么也都可以说是运维开发？假设这个理解是成立的，那么运维开发工程师平时只写一些零零散散的脚本，那算得上是运维开发工程师不？笔者认为算不上，顶多就是运维工程师，运维工程师对脚本（python、shell）的开发能力是必备的。那么运维开发工程师所需要掌握的技能要求是什么？笔者认为，应该具备打造运维工具、产品的能力，也就是全栈：运维技能+全栈开

01

不割韭菜，纯分享：剖析HTML中的类，运维开发必备前端技能，我们一起坚持。

下面，先来个小栗子，这例子很简单，通过js实现点击后隐藏h2和p元素的内容，下面看代码：

00

讲一下怎么区分伪类、伪元素，同时优雅的处理页面浮动的问题

首先介绍一下什么是伪类：伪类其实我们经常用的到，只是我们自己不会刻意的说这个是伪类这样的一个东西，我下面简单的举个例子就明白了怎么回事

01

JavaScript的异步操作（Promise）

不同于传统的回调， then 关联的函数，会在异步操作完成后执行；如果有多个 then，那么也会依次调用，除非其中有调用 reject 跳转到 catch 。

05

从web图片裁剪出发：了解H5中的Blob

刚开始做前端的时候，有个功能卡住我了，就是裁剪并上传头像。当时两个方案摆在我面前，一个是flash，我不会。另一个是通过iframe上传图片，然后再上传坐标由后端裁剪，而我最终的选择是后者。有人会疑惑，为什么不用H5的Canvas和FormData，第一要考虑ie8的兼容性，第二那时候眼界没到，这种新东西光是听听都怕。　　后来随着Mobile项目越做越多，类似的功能开发得也越来越多，Canvas+FormData成为了标配方案。但做的多了却一直没有静下心来研究，浏览器怎么使用H5的方式裁剪并把文件发送出去

07

前端开发基础教程-HTML教程和CSS教程

html是超文本标签语言，又可以说是超文本标记语言，是基本功。html发展历史跳过。

02

AngularJS入门心得3——HTML的左右手指令

在《AngularJS入门心得1——directive和controller如何通信》我们提到“AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。这里AngularJS就应运而生，弥补了HTML的天然缺陷，用于构件Web应用等。” 　　那么AngularJS如何弥补HTML的缺陷，指令可能是最好的回答。指令是什么？？？指令就是一些附加在HTML元素上的自定义标记（可以是属性A、元素E、css类

05

这次把 javascript 闭包给你讲的明明白白

就是因为你的left写在了click回调函数里面。因为每点击一次就会创建一块function空间，里面left变量去定时改变style，每改变一次style.left就会导致一次回流从而再渲染一次。每次点击left初始值为1，上一次的已经为+了很多次，上上次的已经为+了非常多次。渲染的时候你就会看到一会1px一会很多px的鬼畜情况，也就是动画抖动（渲染一次抖动一次）。

00

2022高频前端面试题合集之HTML篇

嗨！大家好！我是法医，一只治疗系前端码猿🐒，与代码对话，倾听它们心底的呼声，期待着大家的点赞👍与关注➕。 📢 最近整理了一些前端高频面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，感谢！ 1. 什么是 DOCTYPE，有何作用？ Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？

02

HTML5学习（三）：认识HTML

HTML其实是Hypertext Markup Language的缩写，即超文本标记语言。 HTML的后缀名：.html

01

网页调试之debugger原理与绕过

当我们调试JS的时候，时常会遇见无限debugger。无限debugger的原理是什么呢？它在何时触发？如何绕过？

07

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭