广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >html和xhtml有哪些区别
  • 682
分享到

html和xhtml有哪些区别

2024-04-02 19:04:59 682人浏览 独家记忆
摘要

今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。 HTML超文本标记语

今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。

HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML而重新改造的HTML,也是一种标记语言,它可以看作是从HTML到XML的过渡;XHTML要求在网页中出现的任何元素都应该被标记出来。

什么是HTML

HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,是一种基于标记的网页设计语言,专门用来设计和编辑网页。

超文本标记语言,是WWW的描述语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

<!DOCTYPE html>
<html>
<body>
	<h2>hello world !</h2>
</body>
</html>

那么超文本又是什么意思呢?超文本:页面可以包含图片、链接,甚至音乐、程序等非文字元素,我们回想一下项目中HTML他的作用到底是什么。一、不假思索的可以肯定的就是他的显示功能  二、页面上的任意元素,我们都可以结合js对他进行一些动画的变化,不管是显示上的改变还是链接到别的地方。也就可以讲HTML中的元素想象成一个入口,只要轻轻一点鼠标,我们可能得到更多的相关内容。好了,现在展开想象,讲一个HTML页面想象成一个节点,通过某种触发,连接到两一个HTML上,这样,数以万计的HTML页面就构成了我们的万维网。

什么是XML

XML是用来对信息进行自我描述而设计的一种新语言。同HTML一样,XML也是一种基于文本的标记语言,但是XML可以让用户根据要表现的文档,自由地定义标记来表现具有实际意义的文档内容。

什么是XHTML

可扩展超文本标记语言XHTML(eXtensible HyperText Markup Language)是将超文本标记语言HTML(HyperText Markup Language)作为XML应用而重新定义的标准。

XHTML是为了适应XML而重新改造的HTML,也是一种标记语言;它可以看作是从HTML到XML的过渡;XHTML要求在网页中出现的任何元素都应该被标记出来。

XHTML几乎与HTML相同,但它比HTML更严格。XHTML是HTML定义为XML应用程序。它受到所有主流浏览器的支持。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   >
<html xmlns="Http://www.w3.org/1999/xhtml">  
<head>  
  <title>标题</title>  
</head>  
<body>  
  <h2>XHTML</h2>
</body>  
</html>

xhtml和html的区别

1、XHTML元素必须被正确地嵌套

例子:

一般html网页可以“<b><i>主要内容</b></i>”这是个不严格,在XHTML是错误的;正确的在xhtml标准中就必须要求这样“<b><i>主要内容</i></b>”。

2、XHTML 元素必须被关闭

exp:

一个HEAD里的例子,“<meta name="keyWords" content="关键字" > ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”

如在一般html使用 “ <p> ”这个换大行标签时候很多人直接在需要换行的段落加个“ <p>  ”标签就完了,但是在XHTML CSS标准中就必须是这样的  “ <p>段落文字</p>  ” 意思就是必须由“ <p>  这个换行标签开始与文章文字段前,并在该段文字文字后以“ </p> ”标签结束。

如很多在做html页面时候用到小换行标签“ br ”,很多人不知道这个标签需要以关闭的样式来换行,如:一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“ <br> ”就好了 ,但是告诉大家这也是不标准,在XHTML验证时候是通不过的,必须用“ <br /> ”自关闭结束。

3、标签名必须用小写字母

在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一。

exp:

以前很多“<html>、<body> ”等都用大写或大小写混用如“ <HTML>、<BODY> ”或“<Html>、<Body>   ”排版,但是XHTML统一要求需要用“ <html>、<body>  ”小写。

4、XHTML文档必须拥有根元素

意思就是一什么标签开始就要用什么标签结束,如<body>开始就要在内容结束用</body>来关闭。

5、对于图片需添加alt属性

以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。

exp:

错误 <img src="图片地址" />

正确<img src="图片地址" alt=“图片说明" />

那加了alt有什么好处?答:加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。

关于html和xhtml有哪些区别就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。

--结束END--

本文标题: html和xhtml有哪些区别

本文链接: https://www.lsjlt.com/news/98801.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html和xhtml有哪些区别
    今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。 HTML超文本标记语...
    99+
    2022-10-19
  • xhtml和html的区别有哪些
    小编给大家分享一下xhtml和html的区别有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! XHTML是HTML向xml...
    99+
    2022-10-19
  • XHTML与HTML的区别有哪些
    今天小编给大家分享一下XHTML与HTML的区别有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了...
    99+
    2022-10-19
  • xhtml和html5有哪些区别
    今天就跟大家聊聊有关xhtml和html5有哪些区别,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。区别:1、XHTML要求正确嵌套,html5不需要;2、XHTML所有元素必须关闭,...
    99+
    2023-06-14
  • html与xhtml的区别规范有哪些
    这篇文章主要为大家展示了“html与xhtml的区别规范有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html与xhtml的区别规范有哪些”这篇文章吧。h...
    99+
    2022-10-19
  • HTML与XHTML的重要区别有哪些
    这篇文章主要介绍了HTML与XHTML的重要区别有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML与XHTML的重要区别有哪些文章都会有所收获,下面我们一起来看看吧。...
    99+
    2022-10-19
  • xhtml和html有什么区别
    XHTML 和 HTML 是两种不同的标记语言。其中HTML是由W3C所制定的标准标记语言,而XHTML被认为是 HTML 的 XML 版本。XHTML 在 2000 年发布,它的设计围绕着 XML 规范来进行的,它的主要目标是与 XML ...
    99+
    2023-05-14
  • HTML和XHTML什么区别
    HTML和XHTML的区别有:1、两者之间的基础语言各不相同;2、他们的语法严格程度不同,XHTML语法相对来说比较严格;3、HTML不可以混合其它XML使用,而XHTML可以;4、XHTML对大小写敏感,而HTML不区分大小写;5、两者之...
    99+
    2022-10-21
  • html与xhtml对比有何区别
    小编给大家分享一下html与xhtml对比有何区别,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!区别:XHTML元素必须被正确地嵌套,标签的嵌套顺序要正确。XHTML元素必须被关闭,即要有结束“</>”标签;而...
    99+
    2023-06-14
  • xhtml和html的区别是什么
    这篇文章将为大家详细讲解有关xhtml和html的区别是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 HTML是一种基本的WEB网页设计语言,XHTML是一个基于...
    99+
    2022-10-19
  • html5和html有哪些区别
    这篇“html5和html有哪些区别”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html5和html有哪些区别”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们...
    99+
    2023-06-06
  • HTML和XML有哪些区别
    这篇文章主要介绍HTML和XML有哪些区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!概述HTML 是超文本标记语言,它是通往 web 技术世界的钥匙。HTML 使用标记标签来描述网页,它的文档中包含了 ...
    99+
    2023-06-27
  • html和html5有哪些区别
    这篇文章主要讲解了“html和html5有哪些区别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html和html5有哪些区别”吧! ...
    99+
    2022-10-19
  • XHTML与HTML的区别是什么
    这篇文章主要为大家展示了XHTML与HTML的区别是什么,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“XHTML与HTML的区别是什...
    99+
    2022-10-19
  • HTML和HTML5的区别有哪些
    这篇文章将为大家详细讲解有关HTML和HTML5的区别有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。概述HTML是超文本标记语言,它是通往 web 技术世界的钥匙。HTML 使用标记标签来描述网页,...
    99+
    2023-06-27
  • css和html的区别有哪些
    这篇文章主要介绍“css和html的区别有哪些”,在日常操作中,相信很多人在css和html的区别有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css和html的区别有...
    99+
    2022-10-19
  • HTML和ASP的区别有哪些
    这篇文章主要介绍了HTML和ASP的区别有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML和ASP的区别有哪些文章都会有所收获,下面我们一起来看看吧。 HTML ...
    99+
    2022-10-19
  • HTML和XML的区别有哪些
    HTML和XML的区别有:1、HTML是指超文本标记语言,而XML则是可扩展标记语言;2、HTML主要用于静态页面,而XML则是用于动态传输数据;3、HTML是一种标记语言,而XML是一种框架;4、HTML语言中是不区分大小写,而XML是区...
    99+
    2022-10-08
  • js和html的区别有哪些
    这篇文章主要介绍js和html的区别有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!区别:1、HTML是标记语言,JS是脚本语言。2、HTML在网页上提供静态内容,JS向静态网页添加动态功能。3、HTML基于W3...
    99+
    2023-06-15
  • HTML5和HTML的区别有哪些
    这篇文章主要讲解了“HTML5和HTML的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML5和HTML的区别有哪些”吧!  什么是HTML5和HTML?  HTML代表超文本...
    99+
    2023-06-27
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作