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

【学习】【HTML】HTML、XML、XHTML

news 文章来源：https://blog.csdn.net/m0_61097007/article/details/143716395 2024/11/25 14:24:38

HTML

什么是 HTML？

HTML (HyperText Markup Language) 是一种用于创建和展示网页的标准标记语言。它由一系列的元素组成，这些元素通过标签的形式来告诉浏览器如何显示内容。

HTML 的基本结构是什么？

<!DOCTYPE html>
<html>
<head><title>页面标题</title>
</head>
<body><h1>主标题</h1><p>这是页面的内容。</p>
</body>
</html>

<!DOCTYPE html>：声明文档类型为 HTML5。
<html>：根元素，包裹整个 HTML 文档。
<head>：包含文档的元数据，如标题、字符集、样式表链接等。
<title>：定义文档的标题，显示在浏览器的标签页上。
<body>：包含文档的所有可见内容，如文本、图像、视频等。

什么是 HTML5？

HTML5 是第五个主要版本的 HTML，旨在改进 Web 应用的功能和性能。
引入了许多新特性，如语义化标签、多媒体支持、表单控件、本地存储等。

HTML5 有哪些新特性？

语义化标签：如 <header>, <footer>, <nav>, <article>, <section> 等。
多媒体支持：<audio> 和 <video> 标签。
表单控件：新的输入类型，如 email, date, range 等。
本地存储：localStorage 和 sessionStorage。
Canvas：绘图区域，支持动态绘图和动画。
Web Workers：后台线程，支持复杂计算任务。

HTML 的 DOCTYPE 是什么？为什么需要它？

DOCTYPE 是什么？

是一个文档类型声明（Document Type Declaration），用于告知浏览器页面使用的 HTML 或 XHTML 版本。它位于 HTML 文档的最前面，紧接在任何其他内容之前。并不是一个 HTML 标签，而是一个指令，告诉浏览器如何解析和渲染页面。

为什么需要它？

触发标准模式：

浏览器在解析 HTML 文档时，会根据 <!DOCTYPE> 声明来决定使用哪种模式来渲染页面。如果 <!DOCTYPE> 存在并且格式正确，浏览器将以标准模式（Standards Mode）渲染页面，这意味着浏览器将严格按照 W3C 规范来解析和渲染 HTML 和 CSS。
如果 <!DOCTYPE> 缺失或格式不正确，浏览器可能会进入怪异模式（Quirks Mode）。在怪异模式下，浏览器会模仿旧版浏览器的行为，以保持对旧网站的兼容性。这种方式可能导致页面布局和样式出现不可预测的问题。

定义文档类型：

声明指定了文档遵循的 HTML 或 XHTML 版本。例如，HTML5 使用 `` 表示这是一个 HTML5 文档。对于早期的 HTML 和 XHTML 版本，声明会更加详细，包含 DTD（文档类型定义）的引用，这有助于验证文档结构是否符合特定的标准。

提高跨浏览器兼容性：

正确的 <!DOCTYPE> 声明有助于确保你的网页在不同浏览器中具有一致的表现。因为不同的浏览器在标准模式下的行为更为一致，而在怪异模式下则可能表现各异。使用标准模式可以减少因浏览器差异导致的问题。
小结

声明虽然简单，但在确保网页正确解析和渲染方面起着至关重要的作用。建议在编写 HTML 文档时，始终在文档的最开始处添加一个合适的声明，以确保最佳的兼容性和表现。

HTML 中的 meta 标签有什么作用？

<meta> 标签用于提供文档的元数据，如字符集、描述、关键词等。例如，<meta charset="UTF-8"> 设置字符编码，<meta name="description" content="页面描述"> 提供页面描述。

XML

什么是 XML？

XML 是一种用于存储和传输数据的标记语言。
强调数据的结构化表示，要求所有标签必须正确闭合，并且区分大小写。

XML 的基本结构是什么？

<?xml version="1.0" encoding="UTF-8"?>
<catalog><book id="bk101"><author>Gambardella, Matthew</author><title>XML Developer's Guide</title></book>
</catalog>

<?xml version="1.0" encoding="UTF-8"?>：声明文档的版本和字符编码。
<catalog>：根元素，包裹整个 XML 文档。
<book>：子元素，表示一本书。
id="bk101"：属性，提供额外的信息。
<author>、<title>：子元素，表示书的不同属性。

什么是 DTD 和 XML Schema？

DTD (Document Type Definition)：定义了 XML 文档的合法结构。
XML Schema：类似于 DTD，但功能更强大，使用 XML 语法定义，支持数据类型、复杂的数据结构等。

如何解析 XML 数据？

使用 DOMParser 解析器：将整个 XML 文档加载到内存中，形成一个树状结构。

XHTML

什么是 XHTML？

XHTML 是 HTML 的一个更严格的版本，结合了 HTML 和 XML 的特性。
要求所有标签必须闭合，属性值必须用引号括起来，且所有标签名和属性名都必须小写。
XHTML 提供了模块化的设计，允许开发者根据需要选择不同的模块来构建文档。
最终被 HTML5 取代。

XHTML 的基本结构是什么？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>页面标题</title>
</head>
<body><h1>主标题</h1><p>这是页面的内容。</p>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">：声明文档类型为 XHTML 1.0 严格模式。
<html xmlns="http://www.w3.org/1999/xhtml">：根元素，指定命名空间。
<head>：包含文档的元数据，如标题、字符集、样式表链接等。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />：定义文档的字符编码。
<title>：定义文档的标题，显示在浏览器的标签页上。
<body>：包含文档的所有可见内容，如文本、图像、视频等。
<img src="image.jpg" alt="替代文本" />：图像元素，注意所有空标签必须闭合。

【学习】【HTML】HTML、XML、XHTML

HTML 什么是 HTML？ HTML (HyperText Markup Language) 是一种用于创建和展示网页的标准标记语言。它由一系列的元素组成，这些元素通过标签的形式来告诉浏览器如何显示内容。 HTML 的基本结构是什么？ <!DOCTYPE html> <html> …...

编程日记 2024/11/21 17:22:32

ARM中ZI-data段和RW-data段

ARM中ZI-data段和RW-data段 1、只定义全局变量，不使用，不占用内存空间2、定义并初始化全局变量为0 占用ZI-Data区域3、定义并初始化全局变量非0 占用RW-Data区域4、增加的是一个int8的数据为什么，size增加不是15、定义的全局变量为0&#xf…...

编程日记 2024/11/21 17:21:30

关联度分析、灰色预测GM(1,1)、GM(1,1)残差模型——基于Python实现

关联度分析 import numpy as np import pandas as pd #关联度分析 #参考序列 Y_0[170,174,197,216.4,235.8] #被比较序列 Y_1[195.4,189.9,187.2,205,222.7] Y_2[308,310,295,346,367]#初始化序列 X_0np.array(Y_0)/Y_0[0] X_1np.array(Y_1)/Y_1[0] X_2np.array(Y_2)/Y_2[0]#计…...

编程日记 2024/11/21 17:20:29

linux常用命令（网络相关）

目录 1. ping - 检查网络连通性参数示例 2. ifconfig - 配置网络接口参数示例 3. ip - 显示和操作路由、网络设备、接口等参数示例 4. netstat - 显示网络连接、路由表、接口统计等信息参数示例 5. ss - 更快的netstat替代品参数示例 6. nslookup - …...

编程日记 2024/11/21 17:19:28

【uni-app多端】修复stmopjs下plus-websocket无心跳的问题

从这篇文章接着向下看： uniapp plus-websocket 和stompjs连接教程安卓ios手机端有效 - 简书按照文章的方式，能够实现APP下stmopjs长连接。但是有一个问题，就是会频繁输出 res-创建连接-1- 跟踪连接，会发现连接都会在大约40s后…...

编程日记 2024/11/21 17:16:24

VScode学习前端-01

小问题合集： vscode按！有时候没反应，有时候出来，是因为------>必须在英文状态下输入！ 把鼠标放在函数、变量等上面，会自动弹出提示，但挡住视线，有点不习惯。打开file->pre…...

编程日记 2024/11/21 17:15:21

Java-05 深入浅出 MyBatis - 配置深入动态 SQL 参数、循环、片段

点一下关注吧！！！非常感谢！！持续更新！！！ 大数据篇正在更新！https://blog.csdn.net/w776341482/category_12713819.html 目前已经更新到了： MyBatis&#xff…...

编程日记 2024/11/21 17:02:02

突破自动驾驶瓶颈！KoMA：多智能体与大模型的完美融合

0.简介本推文主要介绍了由来自北京航空航天大学的姜克谋、蔡轩和崔智勇教授等共同提出的一种名为KoMA的知识驱动的多智能体框架。论文《KoMA: Knowledge-driven Multi-agent Framework for Autonomous Driving with Large Language Models》提出了KoMA框架，通过结…...

编程日记 2024/11/21 16:55:56

YOLO入门教程（三）——训练自己YOLO11实例分割模型并预测【含教程源码+一键分类数据集 + 故障排查】

目录引言前期准备Step0 环境部署1.安装OpenCV2.安装Pytorch3.安装Ultralytics Step1 打标训练Step2 格式转换Step3 整理训练集Step4 训练数据集4.1创建yaml文件4.2训练4.3预测4.4故障排查4.4.1OpenCV版本故障，把OpenCV版本升级到4.0以上4.4.2NumPy版本故障&#xf…...

编程日记 2024/11/21 16:54:55

【加入默语老师的私域】C#面试题

什么是依赖注入，如何实现？ 依赖注入是一种设计模式。我们不是直接在另一个类（依赖类）中创建一个类的对象，而是将对象作为参数传递给依赖类的构造函数。它有助于编写松散耦合的代码，并有助于使代码更加模块…...

编程日记 2024/11/21 16:53:54

称重传感器指示器行业全面且深入的分析

称重传感器指示器是一种用于显示和解释称重传感器输出信号的设备，用于测量力、重量或压力。称重传感器是将物理力（如重量）转换为电信号的传感器，称重传感器指示器将该电信号转换为可读格式，通常以磅、公斤或牛顿等单位…...

编程日记 2024/11/21 16:48:48

NAT网络地址转换——Easy IP

NAT网络地址转换 Tip： EasylP没有地址池的概念,使用接口地址作为NAT转换的公有地址。EasylP适用于不具备固定公网IP地址的场景:如通过DHCP, PPPOE拨号获取地址的私有网络出口,可以直接使用获取到的动态地址进行转换。本次实验模拟nat协议配置 AR1配置如下&…...

编程日记 2024/11/21 16:47:47

【Visual Studio系列教程】如何在 VS 上编程？

上一篇博客中，我们介绍了《什么是 Visual Studio？》。本文，我们来看第2篇《如何在 VS 上编程？》。阅读本文大约10 分钟。我们会向文件中添加代码，了解 Visual Studio 编写、导航和了解代码的简便方法。本文假定&…...

编程日记 2024/11/21 16:43:44

Mybatis-Plus 多租户插件属性自动赋值

文章目录 1、Mybatis-Plus 多租户插件1.1、属性介绍1.2、使用多租户插件mavenymlThreadLocalUtil实现定义,注入租户处理器插件测试domianservice & ServiceImplmapper 测试mapper.xml 方式 1.3、不使用多租户插件 2、实体对象的属性自动赋值使用1. 定义实体类2. 实现 Meta…...

编程日记 2024/11/21 16:38:37

AWTK-WIDGET-WEB-VIEW 实现笔记 (4) - Ubuntu

Ubuntu 上实现 AWTK-WIDGET-WEB-VIEW 开始以为很简单，后来发现是最麻烦的。因为 Ubuntu 上的 webview 库是基于 GTK 的，而 AWTK 是基于 X11 的，两者的窗口系统不同，所以期间踩了几个大坑。 1. 编译 AWTK 在使用 Linux 的输入法时…...

编程日记 2024/11/21 16:35:32

Python入门（7）--高级函数特性详解

Python高级函数特性详解 🚀 目录匿名函数（Lambda）装饰器的使用生成器与迭代器递归函数应用实战案例：文件批处理工具 1. 匿名函数（Lambda）深入解析 🎯 1.1 Lambda函数基础与进阶 1.1.1 基本…...

编程日记 2024/11/21 16:34:31

【数据库原理】理解数据库，基础知识

第一代：网状数据库；第二代：关系数据库；第三代：新一代数据库系统BigData 一、理解数据库什么是数据：信息，对事物的存在方方式、运动状态及特征的描述。数据，记录信息的识别方式有数…...

编程日记 2024/11/21 16:32:27

VConsole——（H5调试工具）前端开发使用于手机端查看控制台和请求发送

因为开发钉钉H5微应用在手机上一直查看不到日志等，出现安卓和苹果上传图片一边是成功的，一边是失败的，所以找了这个，之前在开发微信小程序进行调试的时候能看到，之前没想到过，这次被人提点发现可以单独使用…...

编程日记 2024/11/21 16:29:23

论文分享 | FuzzLLM：一种用于发现大语言模型中越狱漏洞的通用模糊测试框架

大语言模型是当前人工智能领域的前沿研究方向，在安全性方面大语言模型存在一些挑战和问题。分享一篇发表于2024年ICASSP会议的论文FuzzLLM，它设计了一种模糊测试框架，利用模型的能力去测试模型对越狱攻击的防护水平。论文摘要大语言模型中…...

编程日记 2024/11/21 16:28:21

vmWare虚拟环境centos7安装Hadoop 伪分布式实践

背景：近期在研发大数据中台，需要研究Hadoop hive 的各种特性，需要搭建一个Hadoop的虚拟环境，本来想着使用dock ，但突然发现docker 公共仓库的镜像被XX 了，无奈重新使用vm 搭建虚拟机。大概经历了6个小时完…...

编程日记 2024/11/21 16:26:18

【C++入门(一)】半小时入门C++开发(深入理解new+List+范围for+可变参数)

目录一.深入理解new 使用格式二.List列表定义一个列表迭代器添加元素删除元素排序反转序列三.范围for 四.可变参数 std::initializer_list 可变参数模板（variadic template） 一.深入理解new 类似于C语言中的malloc、calloc和reallo…...

编程日记 2024/11/21 16:25:17

Vue 3与TypeScript集成指南：构建类型安全的前端应用

在Vue 3中使用TypeScript，可以让你的组件更加健壮和易于维护。以下是使用TypeScript与Vue 3结合的详细步骤和知识点： 1. 环境搭建首先，确保你安装了Node.js（推荐使用最新的LTS版本）和npm或Yarn。然后，安…...

编程日记 2024/11/21 16:21:12

MATLAB和Python发射光谱

在MATLAB和Python中，可以使用不同的库来生成发射光谱。以下是两种语言的简单示例： MATLAB: % 定义波长（nm）和强度（a.u.） wavelengths linspace(300, 1000, 1000); intensity sin(wavelengths / 500);…...

编程日记 2024/11/21 16:16:03

IEEE（常用）参考文献引用格式详解 | LaTeX参考文献规范（IEEE Trans、Conf、Arxiv）| 期刊会议名缩写查询

期刊 ** 期刊:已正式出版（有期卷号) ** 期刊:录用后在线访问即Early access（无期卷号）会议Arxiv论文期刊期刊:已正式出版（有期卷号） article{gu2024ai, title{{AI}-Enhanced Cloud-Edge-Terminal Collaborative Ne…...

编程日记 2024/11/21 16:15:01

第二十周：机器学习

目录摘要 ABSTRACT 一、吴恩达机器学习exp2——逻辑回归 1、logistic函数 2、数据预处理 3、损失函数 4、梯度下降 5、设定评价指标 6、决策边界 7、正则化二、动手深度学习pytorch——数据预处理 1、数据集读取 2、缺失值处理 3、转换为张量格式总结摘要…...

编程日记 2024/11/21 16:14:00

Elasticsearch面试内容整理-Elasticsearch 基础概念

Elasticsearch 是一个基于 Apache Lucene 的开源分布式搜索和分析引擎，提供强大的全文本搜索、实时数据分析、分布式存储等功能。以下是 Elasticsearch 的一些基础概念：什么是 Elasticsearch？ ● Elasticsearch 是一个用于全文搜索和实时分析的分布式搜索引擎。 ● 开源和可…...

编程日记 2024/11/21 16:11:58

机器学习算法模型系列——Adam算法

Adam是一种自适应学习率的优化算法，结合了动量和自适应学习率的特性。主要思想是根据参数的梯度来动态调整每个参数的学习率。核心原理包括： 动量（Momentum）：Adam算法引入了动量项，以平滑梯度更新的方向…...

编程日记 2024/11/21 16:08:55

Qt按钮类--＞day09

按钮基类 QAbstractButton 标题与图标 // 参数text的内容显示到按钮上 void QAbstractButton::setText(const QString &text); // 得到按钮上显示的文本内容, 函数的返回就是 QString QAbstractButton::text() const;// 得到按钮设置的图标 QIcon icon() const; // 给按钮…...

编程日记 2024/11/21 16:04:49