HTML、XHTML和HTML5

news/2024/11/17 21:17:11/

1、HTML、XHTML和HTML5

很多新手往往分不清HTML、XHTML和HTML5,这一节给大家详细讲解一下这三者 的关系和区别。

(一)HTML 和 XHTML

HTML,全称HyperText Mark-up Language (超文本标记语言),是构成网页文档的 主要语言。我们常说的HTML指的是HTML 4.01。

XHTML,全称 Extensible HyperText Mark-up Language (扩展的超文本标记语言), 它是XML风格的HTML 4.01,我们可以称之为更严格、更纯净的HTML 4.01。

HTML语法书写比较松散,利于开发者编写。但是对于机器,如电脑、手机等来说,语 法越松散,处理起来越困难。因此为了让机器更好地处理HTML,我们才在HTML基础上引入了 XHTML

XHTML相对于HTML来说,在语法上更加严格。XHTML和HTML主要区别如下。

1、XHTML标签必须闭合。

在XHTML中,所有标签必须闭合,例如“<p></p>" “<div></div>”等。此外,空标 签也需要闭合,例如<br>要写成<br/>。

错误写法:<p>欢迎来到绿叶学习网正确写法:<p>欢迎来到绿叶学习网</p>

复制

2、XHTML标签以及属性必须小写。

在XHTML中,所有标签以及标签属性必须小写,不能大小写混合,也不能全部都是大 写。不过标签的属性值可以大写。

错误写法:<Body><DIV></DlV></Body>正确写法:<body><div></div></body>

复制

3、XHTML标签属性必须用引号。

在XHTML中,标签属性值必须用引号括起来,单引号、双引号都可以。


错误写法:<input id=txt type=text/>正确写法:<input id="txt" type="text"/>

复制

4、XHTML标签用jd属性代替name属性。

在XHTML中,除了表单元素之外的所有元素,都应该用id而不是name。

错误写法:<div name="wrapper"></div>正确写法:<div id="wrapper"></div>

复制

下面是一个完整的XHTML文档。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
</head>
<body><p>“<span style="font-weight:bold;color:Red;">视觉化思考</span>”能以独特而有效的方式,让你的心有更大的空间来解决问题。</p>
</body>
</html>

http://www.ppmy.cn/news/313469.html

相关文章

最经典游戏愤怒的小鸟代码(高仿),完美复原原游戏,好玩到停不下来

直接上代码 #include <bits/stdc.h> #include <windows.h> #include <stdio.h> #include <conio.h> #include <time.h> using namespace std; const double pi 3.1415926536; int toint (float a) {return ((int) (a * 10 5)) / 10; } void C…

虚函数+多态实现原理(一个冷门知识)

目录 多态实现 虚函数定义 先说原理 抛出问题 探究多态底层 冷门知识 多形态的大海 多态实现 完成类多态体现&#xff0c;多态两个条件: 虚函数重写 父类指针或者引用去调用虚函数。 虚函数定义 虚函数重写/覆盖条件 : 函数 三同 (函数名、参数、返回值) 不符合重写&…

【ROS】郭老二博文之:ROS目录

1、ROS2 【ROS】Ubuntu22.04安装ROS2&#xff08;Humble Hawksbill&#xff09; 【ROS】ROS2命令行工具详解 【ROS】ROS2中的概念和名词解释 【ROS】ROS2编程示例&#xff1a;话题订阅-发布-C版 【ROS】ROS2编程示例&#xff1a;服务和客户端-C版 【ROS】ROS2编程示例&#xf…

按钮或图像上的SWIFT UI MacOS弹出窗口

我希望我能做图片中看到的事情。 我正在尝试使用这段代码&#xff0c;但我不太了解怎么修复它。 我希望我可以在Button或ImageMac上使用它&#xff0c;该ImageMac应该是图像。 有人能帮我吗&#xff1f; 编码&#xff1a; func showLittlePopoverWithMessage(sender: NSVie…

模拟电路--单电源差分运算放大电路方案

单电源差分运算放大电路 问题描述实现方案 问题描述 最近要用压电陶瓷做一个有趣的东西&#xff0c;但是压电陶瓷的电压信号有点小&#xff0c;百毫伏级的&#xff0c;所以需要对其进行差分放大。大概浏览了一下主流的差分运算放大电路&#xff0c;基本上都是双电源方案&#…

unity做陶艺(动态改变模型网格)

年后辞职到一家VR开发公司&#xff0c;经理提出要做一个陶艺类课件&#xff0c;类似《一起做陶艺》。当时我就一脸蒙蔽&#xff0c;这怎么做&#xff0c;没有 思路时就先想思路 嗯 这是我的一大优点~ 思路1&#xff1a;把模型横切成若等干份&#xff0c;动态操作每一份的…

4键电子手表说明书_电子手表怎么调(电子手表的四个键的功能各是什么)

展开全部 四个功能键分别是:左上角按键e68a84e8a2ad62616964757a686964616f31333433643062LIGHT,右上角按键ST/SP,左下角按键MODE,右下角按键RESET,具体操作步骤如下: 1、首先,在初始界面中,显示为时间LIGHT,按一次MODE进入秒表,如下图所示,然后进入下一步。 2、其次…

为陶崇园争取正义懒人包1.0

https://media.weibo.cn/article?id2309404228422728593619 此篇文章属于我个人行为&#xff0c;和参与联名的校友无关。 此篇文章属于我个人行为&#xff0c;和参与联名的校友无关。 此篇文章属于我个人行为&#xff0c;和参与联名的校友无关。 昨晚校内匿名信源告诉我涉…