前端HTML要了解的知识,DOCTYPE 声明究竟是做什么的、作用是什么?

🌟🌟🌟 专栏详解 🎉 🎉 🎉

欢迎来到前端开发之旅专栏! 不管你是完全小白,还是有一点经验的开发者,在这里你会了解到最简单易懂的语言,与你分享有关前端技术和实用技巧的内容。此专栏的目标是提供易于理解且实用的内容,通过深入浅出的方式让大家掌握前端开发的核心概念和技能。我也相信,通过这个专栏,各位开发者们将更好地理解Web开发的本质,从而掌握更深层次的技术。Are you ready? 各位开发者们你们准备好了吗?
在这里插入图片描述

文章目录

  • 一、DOCTYPE究竟是做什么的?
  • 二、DOCTYPE的作用
      • 2.1、 确定文档类型
      • 2.2、 触发浏览器进入相应的文档模式:
      • 2.3、验证和错误检测
      • 2.3、向开发者和工具提供信息
    • 结语

一、DOCTYPE究竟是做什么的?

在我们构建一个html文件时,我们常常会发现,一个标准的html并不是只会有htmlheadbody这三个标签,而是会有很多另外的标签包裹在其中,诸如 <!DOCTYPE html>
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>归来巨星
</body>
</html>

<!DOCTYPE html> 写在头部,并且没有结束标签,和我们之前所学习到的单标签,双标签不一致,那么接下来就为大家介绍此标签的作用

DOCTYPE声明是HTML文档的一条特殊指令,它告诉浏览器如何正确解析和显示网页。我们写这个的作用就是让浏览器认识我们这个html页面(当然大家或许会说,那我不写也能呈现出来页面呀?注:因为现在很多浏览器都有着一定各自的标准,但是基本的差异其实是大差不差的,都对html进行了一定的识别所以能呈现出来效果)

首先,DOCTYPE声明的格式是,就像是一种开头的标识。它告诉浏览器,这个网页是用HTML这种语言写的,并且是HTML5这个版本。

在html5之前还有多个版本(有兴趣的同学可以去了解一下)快速跳转

HTML 1.0(1993年):HTML的最初版本,提供了基本的文本标记和链接功能。

HTML 2.0(1995年):引入了一些新的标记和功能,例如表格和图像。

HTML 3.2(1997年):增加了更多的标记和功能,包括框架(Frameset)和表单(Form)。

HTML 4.01(1999年):对HTML进行了一些修订和标准化,引入了样式表(CSS)和脚本编程(Scripting)等功能。

XHTML 1.0(2000年):基于XML的HTML版本,强调文档的结构和规范性,更严格地遵循XML的语法规则。

XHTML 1.1(2001年):对XHTML 1.0进行了一些扩展和修订,增加了一些模块和规范。

HTML5(2014年):HTML的最新版本,引入了许多新特性和改进,如语义化标签(Semantic Tags)、多媒体支持、Canvas绘图、本地存储等。HTML5也更加灵活,并且提供了更好的跨浏览器兼容性。

二、DOCTYPE的作用

既然我们知道了HTML的DOCTYPE声明的作用是告诉浏览器如何解析和渲染HTML文档。那同样的我们也要知道DOCTYPE声明的具体作用是什么

2.1、 确定文档类型

DOCTYPE声明指定了HTML文档的类型和版本。不同的HTML版本可能具有不同的语法和功能,因此指定正确的DOCTYPE声明可以确保文档被正确解析。

2.2、 触发浏览器进入相应的文档模式:

根据DOCTYPE声明的不同,浏览器会进入不同的文档模式(也称为渲染模式或呈现模式),以确定如何解析和呈现HTML文档。常见的文档模式包括标准模式、怪异模式以及准标准模式。不同的文档模式会影响浏览器对HTML和CSS的解析规则和渲染结果,因此DOCTYPE声明对于确保一致的跨浏览器显示非常重要。

2.3、验证和错误检测

DOCTYPE明可以用于验证HTML文档的正确性。浏览器会根据指定的DOCTYPE声明来检查文档的结构和语法是否符合规范。如果存在错误或不合法的代码,浏览器可能会给出警告或错误信息,帮助开发者及时发现和修复问题。

2.3、向开发者和工具提供信息

DOCTYPE声明还为开发者和相关工具提供了关于文档类型和版本的重要信息。这有助于开发者选择适当的工具和技术来处理和处理HTML文档。

总的来说,DOCTYPE声明是HTML文档中的重要指令,用于指定文档类型和版本。它对于正确解析和渲染HTML文档以及确保文档在不同浏览器中一致显示非常重要。使用HTML5的DOCTYPE声明是现代Web开发的标准做法。

结语

✨ 每天创作一点点
✨ 开心快乐一整天
✨ 点赞关注加收藏
✨ 美好一天又一天

铁铁们 感谢支持 我需要你们的三连 👍👍👍
请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/162371.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【LeetCode热题100】--55.跳跃游戏

55.跳跃游戏 方法&#xff1a;贪心 对于数组的任意一个位置y&#xff0c;如何判断它是否可以到达&#xff1f; 只要存在一个位置x,它本身可以到达&#xff0c;并且它跳跃的最大长度为xnums[x]&#xff0c;这个值大于等于y&#xff0c;即xnums[x]≥y&#xff0c;那么这个位置y…

节省工时超 1500人/天,国泰基金探索金融业人机协同新业态

“十四五”时期是我国经济实现从高速增长转变为高质量发展的关键历史时期&#xff0c;“十四五”规划向金融行业提出了数字化转型与科技监管的新要求。在新一轮科技革命和产业变革趋势下&#xff0c;新一代信息技术与金融行业融合加速&#xff0c;金融行业面临着监管要求与自身…

【MySQL系列】- SELECT语句执行顺序

【MySQL系列】- SELECT语句执行顺序 文章目录 【MySQL系列】- SELECT语句执行顺序一、MYSQL逻辑查询处理的步骤图二、MYSQL执行顺序详解2.1 执行FROM操作2.2 应用ON过滤器2.3 JOIN外部行2.4 应用WHERE过滤器2.5 GROUP BY分组2.6 应用ROLLUP 或 CUBE2.7 HAVING过滤2.8 处理SELEC…

数据结构--B树

目录 回顾二叉查找树 如何保证查找效率 B树的定义 提炼 B树的插入和删除 概括B树的插入方法如下 B树的删除 导致删除时&#xff0c;结点不满足关键字的个数范围时&#xff08;需要借&#xff09; 如果兄弟不够借&#xff0c;需要合体 回顾B树的删除 B树 B树的查找 …

单链表经典OJ题:反转链表

题目&#xff1a; 给你单链表的头节点 head &#xff0c;i请你反转链表&#xff0c;并返回反转后的链表。 图例&#xff1a; 分析&#xff1a; 根据链表的特征&#xff0c;反转链表的本质便是改变节点内部的指针方向。 将原先指向下一个节点的指针进行修改&#xff0c;将其的…

PRCV 2023:语言模型与视觉生态如何协同?合合信息瞄准“多模态”技术

近期&#xff0c;2023年中国模式识别与计算机视觉大会&#xff08;PRCV&#xff09;在厦门成功举行。大会由中国计算机学会&#xff08;CCF&#xff09;、中国自动化学会&#xff08;CAA&#xff09;、中国图象图形学学会&#xff08;CSIG&#xff09;和中国人工智能学会&#…

【物联网+JAVA 】智慧工地源码

一、什么是智慧工地&#xff1f; 工地本身不拥有智慧&#xff0c;工地的运作是依赖于人的智慧。工地信息化技术&#xff0c;能够减少对人的依赖&#xff0c;使工地拥有智慧。 智慧工地&#xff0c;就是立足于“智慧城市”和“互联网”&#xff0c;采用云计算、大数据和物联网…

python教程:selenium WebDriver 中的几种等待

嗨喽&#xff0c;大家好呀~这里是爱看美女的茜茜呐 强制等待:sleep() import time sleep(5) #等待5秒设置固定休眠时间&#xff0c;单位为秒。 由python的time包提供, 导入 time 包后就可以使用。 缺点&#xff1a; 不智能&#xff0c;使用太多的sleep会影响脚本运行速度。…

Vue 网络处理 - axios 异步请求的使用,请求响应拦截器(最佳实践)

目录 一、axiox 1.1、axios 简介 1.2、axios 基本使用 1.2.1、下载核心 js 文件. 1.2.2、发送 GET 异步请求 1.2.3、发送 POST 异步请求 1.2.4、发送 GET、POST 请求最佳实践 1.3、请求响应拦截器 1.3.1、拦截器解释 1.3.2、请求拦截器的使用 1.3.3、响应拦截器的使…

微信小程序--小程序框架

目录 前言&#xff1a; 一.框架基本介绍 1.整体结构&#xff1a; 2.页面结构&#xff1a; 3.生命周期&#xff1a; 4.事件系统&#xff1a; 5.数据绑定&#xff1a; 6.组件系统&#xff1a; 7.API&#xff1a; 8.路由&#xff1a; 9.模块化&#xff1a; 10.全局配置&…

【LeetCode】35. 搜索插入位置

1 问题 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums [1,3,5,6], target 5 输出: 2 示例…

Linux性能优化--实用工具:性能工具助手

8.0 概述 本章介绍一些在Linux系统上可用的实用程序&#xff0c;它们能够加强性能工具的有效性和可用性。实用工具本身不是性能工具&#xff0c;但是当它们与性能工具一起使用时&#xff0c;它们可以帮助完成如下功能&#xff1a;自动执行繁琐的任务、分析性能统计数据&#x…

【Linux】adduser命令使用

我们经常在linux系统中创建用户。有时候用的是 useradd 有时候用的是 adduser &#xff0c;好混乱啊到底用哪个啊。今天咱们一起来学习一下。 adduser与useradd的区别 useradd 命令是内置的 Linux 命令&#xff0c;在任何 Linux 系统中都可用。然而&#xff0c;使用这种低级…

语法分析出错,不是 GROUP BY 表达式

报错 ### Cause: dm.jdbc.driver.DMException: 第 9 行, 第 69 列[30]附近出现错误: 语法分析出错 ; bad SQL grammar []; nested exception is dm.jdbc.driver.DMException: 第 9 行, 第 69 列[30]附近出现错误: 语法分析出错at org.springframework.jdbc.support.SQLState…

一篇文章讲明白double、float丢失精度的问题

1.背景 1.10.1 1.2000000000000002 发现上面计算的值竟然和数学计算不一致 2. 问题 计算机是通过二进制计算的&#xff0c;如果我们在二进制的视角来看待上面问题&#xff0c;就很容易发现问题了。 例如&#xff1a;把「0.1」转成二进制的表示&#xff0c;然后还原成十进制&…

学习笔记|串口通信实战|简易串口控制器|sprintf函数|STC32G单片机视频开发教程(冲哥)|第二十一集(下):串口与PC通信

目录 3.串口通信实战实操简易的工作原理Tips:sprintf函数简介 总结课后练习 3.串口通信实战 做一个简易串口控制器。发送对应指令&#xff0c;让板子做相应的事情&#xff0c;或者传输数据&#xff08;文本模式下发送&#xff0c;不要选择HEX&#xff09;。 1.串口发送字符Ax\…

IDEA常用AI插件

只推荐免费的 一、对话式AI 1. ChatGPT GPT-4 - Bito AI Code Assistant ChatGPT GPT-4 - Bito AI Code Assistant 插件地址&#xff1a;https://plugins.jetbrains.com/plugin/18289-chatgpt-gpt-4–bito-ai-code-assistant支持自定义prompt支持解释代码支持生成代码注释支持…

常用Python自动化测试框架有哪些?优缺点对比

随着技术的进步和自动化技术的出现&#xff0c;市面上出现了一些自动化测试框架。只需要进行一些适用性和效率参数的调整&#xff0c;这些自动化测试框架就能够开箱即用&#xff0c;大大节省了测试时间。而且由于这些框架被广泛使用&#xff0c;他们具有很好的健壮性&#xff0…

【Mac】时间机器频繁提示磁盘没有正常推出

问题描述 有一次在进行时间机器备份的时候总是提示“磁盘没有正常推出”&#xff0c;并且好几次直接导致系统重启… 估计是 MacOS 系统 bug 解决 看了 Vex 一个帖子之后设置了一个硬盘是否休眠就好了&#xff0c;不要勾选让硬盘处于休眠就可以了&#xff0c;在电池选项界面中…

C++ —— Tinyxml2在Vs2017下相关使用2(较文1更复杂,附源码)

相关链接 C —— Tinyxml2在Vs2017下相关使用1&#xff08;附源码&#xff09; tinyxml2简介 TinyXML2是一个简单&#xff0c;小巧&#xff0c;高效&#xff0c;CXML解析器&#xff0c;可以很容易地集成到其他程序中。TinyXML-2解析一个XML文档&#xff0c;并从中构建一个 可以…