HTML,XHTML,HTML5的区别。

最新推荐文章于 2024-03-19 08:39:58 发布

温暖会追上来的.

最新推荐文章于 2024-03-19 08:39:58 发布

阅读量984

点赞数 1

分类专栏：前端HTML+CSS+JS基础

本文链接：https://blog.csdn.net/Strawberry_595/article/details/82859232

版权

前端HTML+CSS+JS基础专栏收录该内容

13 篇文章 0 订阅

订阅专栏

HTML：

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

2.HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

3.HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

还有很多，你们还是回到开头点开超链接了解一下哈。官方的内容总是那么的冗余但是详细。

XHTML ：

XHTML 是什么？

XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。
XHTML 与 HTML 4.01 兼容。所有新的浏览器都支持 XHTML。

XHTML 是以 XML 格式编写的 HTML。

那什么是XML呢？

XML 指可扩展标记语言
XML 被设计用来传输和存储数据。

1. 什么是 XML?

XML 指可扩展标记语言（EXtensible Markup Language）
XML 是一种标记语言，很类似 HTML
XML 的设计宗旨是传输数据，而非显示数据
XML 标签没有被预定义。您需要自行定义标签。
XML 被设计为具有自我描述性。
XML 是 W3C 的推荐标准

2.XML 与 HTML 的主要差异

XML 不是 HTML 的替代。
XML 和 HTML 为不同的目的而设计：
XML 被设计为传输和存储数据，其焦点是数据的内容。
HTML 被设计用来显示数据，其焦点是数据的外观。
HTML 旨在显示信息，而 XML 旨在传输信息。

最主要的不同：

XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

XML 没什么特别的。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理 XML。

不过，能够读懂 XML 的应用程序可以有针对性地处理 XML 的标签。标签的功能性意义依赖于应用程序的特性。

XML 没有预定义的标签。在 HTML 中使用的标签（以及 HTML 的结构）是预定义的。HTML 文档只使用在 HTML 标准中定义过的标签（比如 <p> 、<h1> 等等）。XML 允许创作者定义自己的标签和自己的文档结构。

XML 不是对 HTML 的替代。XML 是对 HTML 的补充。XML 不会替代 HTML，理解这一点很重要。

目前，XML 在 Web 中起到的作用不会亚于一直作为 Web 基石的 HTML。

XML 无所不在。XML 是各种应用程序之间进行数据传输的最常用的工具，并且在信息存储和描述领域变得越来越流行。

“当 XML（扩展标记语言）于 1998 年 2 月被引入软件工业界时，它给整个行业带来了一场风暴。有史以来第一次，这个世界拥有了一种用来结构化文档和数据的通用且适应性强的格式，它不仅仅可以用于 WEB，而且可以被用于任何地方。”

---《Designing With Web Standards Second Edition》, Jeffrey Zeldman

HTML5：

HTML5 与以往html的区别

　1-DOCTYPE及字符编码

<!doctype html> 
<meta charset="utf-8"> 
<html lang="zn-CN">

2-大小写都可以
3-布尔值

<input type="checkbox" checked />  //表示true
<input type="checkbox"/>  //表示false

4-省略引号
5-可以进行省略的标签
除了不允许写结束符的标签（比如：img,input,hr,br,link,meta等等），一般都没必要省略，代码规范易读一些

å¾çæè¿°

文档结构

大纲是依靠header元素中的h1-h6元素来生成的

小技巧

在header元素中，使用如下代码，既可以用图片来显示企业名称，又可以生成大纲。

<header> <h1><img src="title.jpg" alt="企业名称"></h1> </header>

补充拓展

在HTML5中，body元素、blockquote元素、fieldset元素、td元素、details元素以及figure元素被称为节根元素。共同特征是拥有自己独立的大纲，并且这些元素内的section、article元素、标题元素、nav、aside等，只用在生成其父元素的大纲时。

XHTML 是 XML 风格的 HTML 4.01。
　　HTML5 是下一代 HTML，取代 HTML 4.01。
　　XHTML是基于XML发布的HTML规范，旨在规范HTML的格式。
　　两者提出的目的是不一样的，W3C 原本确实计划用 XHTML 系列替代 HTML 4.01XHTML 兴起，它的地位就被 HTML5 取代了。