当前位置：首页 > news >正文

介绍 Html 和 Html 5 的关系与区别

news 来源：原创 2025/5/24 8:48:55

HTML（HyperText Markup Language）是构建网页的标准标记语言，而 HTML5 是 HTML 的最新版本，包含了一些新的功能、元素、API 和属性。HTML5 相对于早期版本的 HTML（比如 HTML4）有许多重要的改进和变化。以下是 HTML 和 HTML5 之间的一些主要区别：

1. 文档类型声明（Doctype）

HTML：HTML4 使用的是较为复杂的 DOCTYPE 声明，如：

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

HTML5：HTML5 使用的是简化的 DOCTYPE 声明：

<!DOCTYPE html>

这个变化使得 HTML5 的文档声明更加简洁易读。

2. 语义化标签

HTML：HTML4 中没有很多语义化的标签，网页的结构通常是通过
和等标签来构建的，缺乏对页面内容的描述。
HTML5：引入了许多新的语义化标签，使得页面结构更加清晰、易读，且对搜索引擎优化（SEO）有帮助。常见的 HTML5 语义标签包括：

<header>：定义页面或部分的头部。
<footer>：定义页面或部分的底部。
<nav>：定义导航链接。
<article>：定义独立的内容块。
<section>：定义文档中的节或部分。
<aside>：定义与页面内容相关的附加信息，如侧边栏。
<figure> 和 <figcaption>：定义图像和图像的标题。

3. 多媒体支持

HTML：HTML4 没有原生支持音频和视频，通常需要使用插件（如 Flash）来播放多媒体内容。
HTML5：HTML5 引入了原生的多媒体元素，直接支持音频和视频播放，使用和标签。例如：

<audio controls><source src="audio.mp3" type="audio/mp3">Your browser does not support the audio element.
</audio><video controls><source src="video.mp4" type="video/mp4">Your browser does not support the video element.
</video>

4. 本地存储

HTML：HTML4 没有提供本地存储的功能，开发者通常依赖于 cookie 来存储数据，但 cookie 存储的数据量非常有限（通常为 4KB）。
HTML5：HTML5 引入了本地存储机制，提供了 localStorage 和 sessionStorage，这使得网页能够在用户的浏览器中存储大量数据，且存储的数据不会被清除直到主动删除：

	 localStorage：无过期时间的数据存储，数据在浏览器关闭后依然存在。sessionStorage：在会话期间存储数据，浏览器窗口关闭时数据会被清除。

5. 新的表单控件

HTML：HTML4 的表单控件相对基础，只支持传统的输入类型（如文本框、单选框、复选框、按钮等）。
HTML5：HTML5 引入了许多新的表单元素和输入类型，增强了表单功能。例如：

新的输入类型：email、tel、number、date、time、url、range 等。
新的表单控件：<datalist>（提供自动完成的输入框）、<progress>（显示进度条）、<meter>（显示度量数据）等。
<input type="email" placeholder="Enter your email">

6. Canvas 和 SVG

HTML：HTML4 没有内建的支持用于绘图和图形的功能。
HTML5：引入了元素，允许开发者使用 JavaScript 绘制图形、图表、动画等。HTML5 还加强了对 SVG（可缩放矢量图形）的支持。

<canvas id="myCanvas" width="200" height="100"></canvas>

7. Web API（Web 应用接口）

HTML4：HTML4 没有提供直接的 Web 应用接口。
HTML5：HTML5 引入了许多新的 Web API，使得开发者可以实现更多的功能，例如：

Geolocation API：获取用户的位置信息。
Web Workers：实现多线程处理，提升应用性能。
WebSockets：进行实时双向通信。
File API：允许浏览器直接访问文件系统并读取文件。
Offline Storage：用于离线应用，允许将数据缓存到本地。

8. 移除了一些过时的元素和属性

HTML：HTML4 中有一些不再推荐使用的元素和属性，如、、等。

<font>、<center>、<strike>

HTML5：移除了这些过时的元素和属性，推荐使用 CSS 来处理样式和布局。

9. 更好的兼容性

HTML5：HTML5 更加注重跨平台和跨设备的兼容性，支持现代浏览器、移动设备、触摸屏等设备，并且能更好地支持响应式设计。

10. 离线支持

HTML：HTML4 不支持离线应用。
HTML5：HTML5 引入了 AppCache 和 Service Workers，支持离线应用，使得应用在没有网络连接时依然能正常运行。

11. 总结

HTML 是构建网页的基础标准，它提供了网页结构和内容的基本定义。
HTML5 是 HTML 的最新版本，加入了许多新的功能和元素，如新的语义标签、音视频支持、表单控件、Canvas、Web API、离线支持等，使得开发更为现代化、功能更强大。

HTML5 的引入使得网页和应用变得更加丰富，支持多媒体、图形、动画、数据存储等功能，提升了用户体验，并且让开发者能够更方便地构建跨平台的网页和应用。

介绍 Html 和 Html 5 的关系与区别

HTML（HyperText Markup Language）是构建网页的标准标记语言，而 HTML5 是 HTML 的最新版本，包含了一些新的功能、元素、API 和属性。HTML5 相对于早期版本的 HTML（比如 HTML4）有许多重要的改进和变化。以下是…...

编程日记 2025/5/24 8:48:55

已有 containerd 的情况下部署二进制 docker 共存

文章目录 [toc]学习目的开始学习dockerd启动 containerd准备配置文件启动 containerd 启动 docker准备配置文件启动 docker 环境验证停止 docker 和 containerd 学习目的使用容器的方式做一些部署的交付，相对方便很多，不需要担心别人的环境缺少需要的依…...

编程日记 2025/5/24 23:14:57

Springboot @Transactional使用时需注意的几个问题

一、事务的隔离级别在Springboot应用中，如果我们想实现方法一旦执行有异常产生，就触发事务回滚，可以在方法上面添加Transactional注解。如果应用采用mysql数据库，虽然mysql本身也有事务隔离机制，但在Sping数据库的应…...

编程日记 2025/5/19 18:37:38

西游记战力排名、笔记等

文章目录战力排名对西游记的理解各个版本游戏题材西游记关卡和妖怪西游记家喻户晓，没有谁不知道吧，无论是电视剧、影视，还是小说，乃至游戏，很多地方都有西游记的身影。虽然知道，但总不如对三国啊、水浒啊…...

编程日记 2025/5/24 22:53:37

（2024.12）Ubuntu20.04安装ZED-SDK

一.官网地址 ZED SDK 4.2 - Download | Stereolabs 选择适配版本进行下载二.安装程序下载完成后，进入文件目录，打开终端，输入： chmod x ZED_SDK_Ubuntu20_cuda11.8_v4.2.2.zstd.run ./ZED_SDK_Ubuntu20_cuda11.8_v4.2.2.zst…...

编程日记 2025/5/24 16:46:14

Pytorch | 从零构建GoogleNet对CIFAR10进行分类

Pytorch | 从零构建GoogleNet对CIFAR10进行分类 CIFAR10数据集GoogleNet网络结构特点网络整体架构应用与影响Inceptionv1到Inceptionv2 GoogleNet结构代码详解结构代码代码详解Inception 类初始化方法前向传播 forward GoogleNet 类初始化方法前向传播 forward 训练过程和测试结…...

编程日记 2025/5/24 22:49:35

蓝桥杯刷题——day9

蓝桥杯刷题——day9 题目一题干解题思路一代码解题思路二代码题目二题干解题思路代码题目一题干小蓝最近在研究一种浮点数的表示方法：R格式。对于一个大于0的浮点数d，可以用R格式的整数来表示。给定一个转换参数n，将浮点数转换为R格式整…...

编程日记 2025/5/24 23:02:09

文章目录前言一、背景二、选型分析2.1 ffmpeg自带的xfade滤镜2.2 ffmpeg使用GL Transition库2.3 xfade-easing项目三、安装3.1、安装依赖（[参考](https://trac.ffmpeg.org/wiki/CompilationGuide/macOS#InstallingdependencieswithHomebrew)）3.2、获取ffmpeg源码3.3、融合xf…...

编程日记 2025/5/20 20:15:09

分布式刚度编织，让可穿戴触觉更出色 ——Haptiknit

大家好！今天来了解一项非常有趣的科技成果 ——“Haptiknit：用于可穿戴触觉的分布式刚度编织”——《Haptiknit: Distributed stiffness knitting for wearable haptics》发表于《SCIENCE ROBOTICS》。在现代科技发展中，可穿戴触觉设备越来越…...

编程日记 2025/5/24 23:06:45

Elasticsearch：什么是查询语言？

查询语言定义查询语言包括数据库查询语言 (database query language - DQL)，是一种用于查询和从数据库检索信息的专用计算机语言。它充当用户和数据库之间的接口，使用户能够管理来自数据库管理系统 (database management system - DBMS) 的数据。最广…...

编程日记 2025/5/24 23:13:29

PyQt介绍

**PyQt 和 PySide (Qt for Python) 简介** **PyQt** 和 **PySide** 是 Python 中用于开发图形用户界面 (GUI) 应用程序的两个主要框架，它们都是基于 Qt 库的绑定。Qt 是一个跨平台的应用程序开发框架，广泛用于创建图形用户界面、应用程序开发以及嵌入式…...

编程日记 2025/5/23 6:06:53

Oracle 数据库函数的用法（一）

Oracle数据库提供了大量的内置函数，可以用于完成各种操作，如字符串操作，数学计算，日期时间处理，条件判断，序列生成，聚合统计等。以下是一些常用的Oracle数据库函数： 一、oracle 使用…...

编程日记 2025/5/24 23:13:28

labelme标签批量转换数据集json_to_dataset

文章目录 labelme标签批量转换数据集json_to_dataset转换原理单张图片转换多张图片批量转换bat脚本循环法标注图片提取标注图片转单通道 labelme标签批量转换数据集json_to_dataset 转自labelme批量制作数据集教程。转换原理在安装了labelme的虚拟环境中有一个labelme_js…...

编程日记 2025/5/24 22:30:32

《QT 5.14.1 搭建 opencv 环境全攻略》

《QT 5.14.1 搭建 opencv 环境全攻略》一、引言二、准备工作（一）软件下载（二）系统环境确认三、安装 QT 5.14.1（一）安装包下载与运行（二）环境变量配置四、OpenCV 安装与配置&#…...

编程日记 2025/5/24 23:11:57

Sentry日志管理thinkphp8 tp8 sentry9 sentry8 php8.x配置步骤， tp8自定义异常处理类使用方法

tp8的默认使用的就是composer来管理第三方包, 所以直接使用 composer 来安装 sentry9 即可. 同时tp8和tp5的配置方式不太一样, 这里我们直接使用自定义异常类来处理Sentry的异常. 1. 安装 sentry9 包 # 安装 sentry9 包 composer require "tekintian/sentry9-php" …...

编程日记 2025/5/24 17:47:46

MySQL 基础：开启数据库之旅

MySQL 基础：开启数据库之旅在当今数字化的时代，数据扮演着至关重要的角色，而数据库管理系统则是存储、管理和操作这些数据的强大工具。MySQL 作为一款广受欢迎的开源关系型数据库管理系统，被广泛应用于各类网站、应用程序以及企业…...

编程日记 2025/5/24 22:45:12

OpenTK 中帧缓存的深度解析与应用实践

摘要：本文深入探讨了 OpenTK 中帧缓存的使用。首先介绍了帧缓存的基本概念与在图形渲染管线中的关键地位，包括其与颜色缓存、深度缓存、模板缓存等各类缓存的关联。接着详细阐述了帧缓存对象（FBO）的创建、绑定与解绑等操作，深入分析了纹理附件、渲染缓冲区附件在 FBO 中的…...

编程日记 2025/5/24 23:00:37

stm32制作CAN适配器5--WinUsb上位机编写

上次我们要stm32制作了一个基于winusb有canfd适配器，今天我们来制作一个上位机程序来进行报文收发。上位机还是用以前写好的，只是更改下dll文件。项目链接器，输入，附加依赖项中增加winusb.lib winusb初始化：#incl…...

编程日记 2025/5/19 16:32:26

【时间之外】IT人求职和创业应知【71】-专利费

目录 2025 ICT产业趋势年会召开，2024年度ICT十大新闻重磅揭晓海纳致远数字科技申请定制化插件驱动的数据分析专利阿波罗智联取得语音数据的处理方法、装置、设备和存储介质专利心勿贪，贵知足。感谢所有打开这个页面的朋友。人生不如意&#xff0…...

编程日记 2025/5/24 1:55:10

springboot vue 会员营销系统

springboot vue 会员营销系统介绍演示地址： 开源版本：http://8.146.211.120:8083/ 完整版本：http://8.146.211.120:8086/ 移动端 http://8.146.211.120:8087/ 简介欢迎使用springboot vue会员营销系统。本项目包含会员储值卡、套餐卡、计…...

编程日记 2025/5/23 3:48:42

Kafka快速扫描

Architecture 系统间解耦，异步通信，削峰填谷 Topic 消息主题，用于存储消息 Partition 分区，通过扩大分区，可以提高存储量 Broker 部署Kafka服务的设备 Leader kafka主分区 Follwer kafka从分区高性能之道&#xff1a…...

编程日记 2025/5/23 2:33:15

scala基础学习(数据类型)-字符串

文章目录 scala中的字符串引号单引号双引号三引号常用内置函数length 获取字符串长度charAt 字符串元素访问substring 获取字串indexOf 获取字串位置replace 字符串替换toLowerCase,toUpperCase 字符串大小写转换trim 去除首位空白符split 字符串切割以及查看startsWith,endsW…...

编程日记 2025/5/24 1:18:02

网络架构与IP技术：4K/IP演播室制作的关键支撑

随着科技的不断发展，广播电视行业也在不断迭代更新，其中4K/IP演播室技术的应用成了一个引人注目的焦点。4K超高清技术和IP网络技术的结合，不仅提升了节目制作的画质和效果，还为节目制作带来了更高的效率和灵活性。那么4K超高清技术…...

编程日记 2025/5/20 2:37:11

如何优雅的关闭GoWeb服务器

以下内容均为Let’s Go Further内容节选以及作者本人理解。这里创建了一个后台进程用于捕获关闭信号，在后台进程中，主要内容为： 创建一个缓冲通道 quit使用signal.Notify函数监听并捕获关机信号SIGINT,SIGTERM，在捕获关机信号后…...

编程日记 2025/5/22 4:30:28

Python爬虫（5） --爬取网页视频

文章目录爬虫爬取视频指定url发送请求UA伪装请求页面获取想要的数据解析定位定位音视频位置存放视频完整代码实现总结爬虫 Python 爬虫是一种自动化工具，用于从互联网上抓取网页数据并提取有用的信息。Python 因其简洁的语法和丰富的库支持（如 requ…...

编程日记 2025/5/21 0:54:15

simulink离散传递函数得到差分方程并用C语言实现

一. 创建连续时间的传递函数 G ( s ) s 2 217 s s 2 384 s 8989 G(s) \frac{s^2217s}{s^2384s8989} G(s)s2384s8989s2217s 二. 离散连续时间的传递函数G(s) 2.1 在matlab中用c2d函数双线性变换法离散G(s)， 下面是matlab脚本代码 % 创建连续时间传递函数 …...

编程日记 2025/5/24 10:44:04

第十七届山东省职业院校技能大赛中职组“网络安全”赛项任务书正式赛题

第十七届山东省职业院校技能大赛中职组“网络安全”赛项任务书-A 目录一、竞赛阶段二、竞赛任务书内容 （一）拓扑图 （二）模块A 基础设施设置与安全加固(200分) （三）B模块安全事件响应/网络安全数据取证/…...

编程日记 2025/5/23 0:24:27

Redis内存碎片详解

什么是内存碎片? 你可以将内存碎片简单地理解为那些不可用的空闲内存。举个例子：操作系统为你分配了 32 字节的连续内存空间，而你存储数据实际只需要使用 24 字节内存空间，那这多余出来的 8 字节内存空间如果后续没办法再被分配存储其他数…...

编程日记 2025/5/21 18:07:45

Python球球大作战

系列文章序号直达链接表白系列1Python制作一个无法拒绝的表白界面2Python满屏飘字表白代码3Python无限弹窗满屏表白代码4Python李峋同款可写字版跳动的爱心5Python流星雨代码6Python漂浮爱心代码7Python爱心光波代码8Python普通的玫瑰花代码9Python炫酷的玫瑰花代码10Python多…...

编程日记 2025/5/22 23:30:10

机器学习（Machine Learning）的安全问题

最近看论文，看到了”对抗样本“的一些内容，然后又研究了一下其背后的东西，发现还有”机器学习的安全“这一问题，然后找了几篇博客看了一下，发现了篇2019年的比较有意思的文章，这里整理一下，方编…...

编程日记 2025/5/23 17:11:14

ROS1安装教程

一、环境准备操作系统：Ubuntu 20.04 LTS 注：为保证系统干净，本文使用Docker进行演示，如已安装相应的Ubuntu系统请忽略。 Docker安装Ubuntu系统步骤如下： # 拉取镜像 docker pull ubuntu:20.04# 创建容器 docker ru…...

编程日记 2025/5/21 13:44:36

大腾智能CAD：国产云原生三维设计新选择

在快速发展的工业设计领域，CAD软件已成为不可或缺的核心工具。它通过强大的建模、分析、优化等功能，不仅显著提升了设计效率与精度，还促进了设计思维的创新与拓展，为产品从概念构想到实体制造的全过程提供了强有力的技术支持。然而…...

编程日记 2025/5/24 2:04:19

Docker 入门：如何使用 Docker 容器化 AI 项目（一）

引言在人工智能（AI）项目的开发和部署过程中，环境配置和依赖管理往往是开发者遇到的挑战之一。开发者通常需要在不同的机器上运行同样的代码，确保每个人使用的环境一致，才能避免 “在我的机器上可以运行”的尴尬问题。…...

编程日记 2025/5/22 4:44:50

【04-数据库面试】

如何创建一个新的数据库数据库是现代信息技术中不可或缺的一部分，它为存储、检索和管理数据提供了强大的工具。无论是企业还是个人，都可能需要创建自己的数据库以满足特定的需求。本文将详细介绍创建一个新数据库的步骤，包括规划、选择数据…...

编程日记 2025/5/23 20:01:52

单元测试使用记录

什么是单元测试简单来说就是对一个类中的方法进行测试，对输出的结果检查判断是否符合预期结果但是在多年的工作中，从来没有哪个项目中真正系统的用到了单元测试，因此对它还是很陌生的，也就造成更加不会在项目中区使用它。如何…...

编程日记 2025/5/17 18:56:26

《深入浅出 Servlet：Java Web 开发的基石》（二）

ServletConfig(熟练) ServletConfig对象对应web.xml文件中的<servlet>元素。例如你想获取当前Servlet在web.xml文件中的配置名，那么可以使用servletConfig.getServletName()方法获取！ 你不能自己去创建ServletConfig对象，Servlet的in…...

编程日记 2025/5/19 10:14:59

Pytorch | 从零构建MobileNet对CIFAR10进行分类

Pytorch | 从零构建MobileNet对CIFAR10进行分类 CIFAR10数据集MobileNet设计理念网络结构技术优势应用领域 MobileNet结构代码详解结构代码代码详解DepthwiseSeparableConv 类初始化方法前向传播 forward 方法 MobileNet 类初始化方法前向传播 forward 方法训练过程和测试结果…...

编程日记 2025/5/22 4:31:20

冯诺依曼架构与哈佛架构的对比与应用

冯诺依曼架构（Von Neumann Architecture），也称为冯诺依曼模型，是由著名数学家和计算机科学家约翰冯诺依曼（John von Neumann）在1945年提出的。冯诺依曼架构为现代计算机奠定了基础，几乎所有现代…...

编程日记 2025/5/23 10:36:44

【Java基础面试题032】Java中的字节码是什么？

回答重点 Java字节码是Java编译器将Java源代码编译后生成的位于Java源代码与JVM执行的执行的机器码之间。 Java字节码由JVM解释或即时编译（JIT）为机器码执行扩展知识 Java字节码的关键点 1）字节码结构： Java字节码是与平…...

编程日记 2025/5/24 10:27:35

K8s ConfigMap的基础功能介绍

在 Kubernetes 中，ConfigMap 是一种用于管理配置信息的资源对象，它允许你将配置信息与代码解耦，方便管理和更新应用配置，而无需重新构建镜像或重启服务。 ConfigMap 的功能存储配置信息： 可以以键值对的形式存储配…...

编程日记 2025/5/22 21:24:50

stm32制作CAN适配器4--WinUsb的使用

前面使用STM32G474芯片的USB模块做了一个CANFD程序，当时用的是HID模式，在实际使用时发现HID模块的通讯速率太慢了，只能1ms传输一帧，就会造成有些掉帧现象。现在就把HID模块改为在Window下同样免驱的WinUsb来实现CANFD数据的传输。…...

编程日记 2025/5/21 20:36:40

深入理解 Java 中的 ArrayList 和 List：泛型与动态数组

深入理解 Java 中的 ArrayList 和 List：泛型与动态数组在 Java 编程中，ArrayList 和 List 是最常用的集合类之一。它们帮助我们管理动态数据，支持按索引访问、增加、删除元素等操作。尤其在使用泛型时，理解它们之间的关系及应用…...

编程日记 2025/5/19 18:08:11

[react 3种方法] 获取ant组件ref用ts如何定义?

获取ant的轮播图组件, 我用ts如何定义? Strongly Type useRef with ElementRef | Total TypeScript import React, { ElementRef } from react; const lunboRef useRef<ElementRef<typeof Carousel>>(null); <Carousel autoplay ref{lunboRef}> 这样就…...

编程日记 2025/5/18 13:01:13

VS Code Copilot 与 Cursor 对比

选手简介 VS Code Copilot：算是“老牌”编程助手了，虽然Copilot在别的编辑器上也有扩展，不过体验最好的还是VS Code，毕竟都是微软家的所以功能集成更好一些；主要提供的是Complete和Chat能力，也就是代码补全…...

编程日记 2025/5/23 20:46:41

华为IPD流程6大阶段370个流程活动详解_第一阶段：概念阶段 — 81个活动

华为IPD流程涵盖了产品从概念到上市的完整过程，各阶段活动明确且相互衔接。在概念启动阶段，产品经理和项目经理分析可行性，PAC评审后成立PDT。概念阶段则包括产品描述、市场定位、投资期望等内容的确定，同时组建PDT核心组并准备项目环境。团队培训涵盖团队建设、流程、业务…...

编程日记 2025/5/21 4:40:52

Vue3组件封装技巧与心得

摘要： 日常开发中，用Vue组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家； 1. 组件特性： 在Vue中组件是一个独立的…...

编程日记 2025/5/21 1:55:11

15.初识接口1 C#

这是一个用于实验接口的代码适合初认识接口的人【CSDN开头介绍】（文心一言AI生成） 在C#编程世界中，接口（Interface）扮演着至关重要的角色，它定义了一组方法，但不提供这些方法的实现。它要求所…...

编程日记 2025/5/22 10:36:37

渗透测试-前端加密分析之RSA加密登录（密钥来源本地）

本文是高级前端加解密与验签实战的第5篇文章，本系列文章实验靶场为Yakit里自带的Vulinbox靶场，本文讲述的是绕过前端RSA加密来爆破登录。分析 generateKey函数用来生成随机的RSA公私钥加密的格式如下： {"username":"admin…...

编程日记 2025/5/22 20:40:21

题海拾贝：力扣 86.分隔链表

Hello大家好！很高兴我们又见面啦！给生活添点passion，开始今天的编程之路！ 我的博客：<但凡. 我的专栏：《编程之路》、《数据结构与算法之美》、《题海拾贝》欢迎点赞，关注！ 1、题…...

编程日记 2025/5/18 15:02:13

《Mycat核心技术》第06章：Mycat问题处理总结

作者：冰河星球：http://m6z.cn/6aeFbs 博客：https://binghe.gitcode.host 文章汇总：https://binghe.gitcode.host/md/all/all.html 星球项目地址：https://binghe.gitcode.host/md/zsxq/introduce.html 沉淀&#xff0c…...

编程日记 2025/5/24 15:18:26