搜索
首页web前端html教程<!DOCTYPE>到底是个神马?

到底是个神马?

  前两天和朋友谈到,今天将网上学习到的资料在这里整理一下

  因为HTML5的风靡人们慢慢的弱化了对的理解,但是现在还是有很多的面试官在问这个问题,所以还是有必要对其了解一下,以便以后有些许谈资。

1.有神马作用?

  要弄清楚这个问题,我们首先来解释一下浏览器的“标准模式”和“怪异模式”。

  什么是“怪异模式”?简单说就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循W3C标准的网页而产生的一种页面渲染模式,而在这时渲染引擎也会切换到需要的版本。

  什么是“标准模式”?当用户需要显示一些新的、满足W3C规范的页面时,渲染引擎切换到一个与“怪异模式”相对的“标准模式”,在此模式下渲染引擎就是当前的最新版本。这样也就满足了更多的W3C规范。

  最后,“标准模式”和“怪异模式”合起来就称为浏览器的文档模式。

  当在IE6的时代,为了既能遵循W3C标准,又能保证旧的网页能继续浏览,这样就产生了“标准模式”和“怪异模式”。这两种渲染模式都存在一个浏览器上,但是手动切换又不切实际,微软就提出了文档类型(DOCTYPE)这个在当时非常“新颖”的概念

  就这样“华丽”的诞生了,先不说去谈论它的好坏,我们只说说它的作用:告知浏览器的解析器用什么文档标准去解析这个文档。

2.不存在或格式错误会有影响吗?

  DOCTYPE 不存在或格式不正确会导致文档以“怪异模式”呈现。

3.HTML5为什么只需要写

  HTML5 不基于SGML,因此不需要对DTD(Document Type Definition)进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应有的方式来运行)。

  而HTML4.01基于SGML,所以需要对DTD(Document Type Definition)进行引用,告知浏览器文档所使用的文档类型。

  注:SGML是国际上定义电子文档和内容描述的标准,基本思想是把文档的内容与样式分开。由SGML声明(SGML Declaration)、文档类型定义(Document Type Definition,DTD)和文档实例(Document Instance)组成。

参考来源:

  http://www.cnblogs.com/zichi/p/5147159.html

 

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
HTML标签和HTML属性有什么区别?HTML标签和HTML属性有什么区别?May 14, 2025 am 12:01 AM

HTMLtagsdefinethestructureofawebpage,whileattributesaddfunctionalityanddetails.1)Tagslike,,andoutlinethecontent'splacement.2)Attributessuchassrc,class,andstyleenhancetagsbyspecifyingimagesources,styling,andmore,improvingfunctionalityandappearance.

HTML的未来:进化和趋势HTML的未来:进化和趋势May 13, 2025 am 12:01 AM

HTML的未来将朝着更加语义化、功能化和模块化的方向发展。1)语义化将使标签更明确地描述内容,提升SEO和无障碍访问。2)功能化将引入新元素和属性,满足用户需求。3)模块化将支持组件化开发,提高代码复用性。

为什么HTML属性对Web开发很重要?为什么HTML属性对Web开发很重要?May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopment forcontrollingBehavior,外观和功能

Alt属性的目的是什么?为什么重要?Alt属性的目的是什么?为什么重要?May 11, 2025 am 12:01 AM

alt属性是HTML中标签的重要部分,用于提供图片的替代文本。1.当图片无法加载时,alt属性中的文本会显示,提升用户体验。2.屏幕阅读器使用alt属性帮助视障用户理解图片内容。3.搜索引擎索引alt属性中的文本,提高网页的SEO排名。

HTML,CSS和JavaScript:示例和实际应用HTML,CSS和JavaScript:示例和实际应用May 09, 2025 am 12:01 AM

HTML、CSS和JavaScript在网页开发中的作用分别是:1.HTML用于构建网页结构;2.CSS用于美化网页外观;3.JavaScript用于实现动态交互。通过标签、样式和脚本,这三者共同构筑了现代网页的核心功能。

如何在标签上设置lang属性?为什么这很重要?如何在标签上设置lang属性?为什么这很重要?May 08, 2025 am 12:03 AM

设置标签的lang属性是优化网页可访问性和SEO的关键步骤。1)在标签中设置lang属性,如。2)在多语言内容中,为不同语言部分设置lang属性,如。3)使用符合ISO639-1标准的语言代码,如"en"、"fr"、"zh"等。正确设置lang属性可以提高网页的可访问性和搜索引擎排名。

HTML属性的目的是什么?HTML属性的目的是什么?May 07, 2025 am 12:01 AM

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior,外观和互动,使网站互动,响应式,visalalyAppealing.AttributesLikutesLikeSlikEslikesrc,href,href,href,类,类型,类型,和dissabledtransfransformformformformformformformformformformformformformformforment

您如何在HTML中创建列表?您如何在HTML中创建列表?May 06, 2025 am 12:01 AM

toCreateAlistinHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulleTedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,customeizableWithTheTtheTthetTheTeTeptTributeFordTributeForderForderForderFerentNumberingSnumberingStyls。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!