html和xhtml有哪些区别

   2023-02-08 学习力0
核心提示:今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML

今天小编给大家分享的是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有哪些区别就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。

 
标签: html xhtml
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • JavaScript DOM方法、innerHTML实现增删改
    !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlestyle*{list-style: none;}#main{border: 1px solid black;width: 270px;height: 300px;float: left;text-align: center;}button{display: block;text-align: center;margin-left:20px ;margin-top: 10p
    03-08
  • 【javascript基础】insertAdjacentHTML和insert
    IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML.  需注意两点:  1. 其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的
    03-08
  • JavaScript利用canvas绘制流星雨效果 html流星雨特效
    JavaScript利用canvas绘制流星雨效果 html流星
    目录前言需求分析实现过程1.绘制满天繁星2.满天繁星闪起来3.绘制流星4.流星划过夜空5.流星雨6.merge视觉盛宴前言最近总是梦见一些小时候的故事,印象最深刻的就是夏天坐在屋顶上,看着满天的繁星,一颗,两颗,三颗...不由自主地开始了数星星的过程。不经意间
    03-08
  • 纯CSS隔行换色 html隔行换色
    head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titlecss3隔行变换色---www.jbxue.com/title style type="text/css" #list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 #list1 li:nth-of-type(even){ background:#
    03-08
  • css文字溢出隐藏,及强制断句 html文字溢出隐藏
    只显示一行文字,便溢出隐藏  text-overflow: ellipsis;  white-place: nowrap;  overflow: hidden;显示 n 行文字后便溢出隐藏   display: -webkit-box;  -webkit-line-clamp: n;  -webkit-box-orient: vertical;  overflow: hidden;强制断句
    03-08
  • 前端Html+Css——宝宝篇(自学一个月) html前端怎么学
  • 人民币符号¥在css和html正确显示
    商城项目需要涉及到人民币的页面现实问题。但是¥(指的是通常输入法中文全角模式下按shift+4的那个)在宋体(v3.03, v5.0)的情况下是显示一杠。常见的其他字体微软雅黑(Microsoft YaHei),华文细黑(STXihei),細明體(MingLiu)能显示两杠。CSS方式:fo
    03-08
  • CSS及HTML、js中的资源路径问题 html引入js文件
    路径 分为相对路径和绝对路径一、相对路径。相对于文件本身的路径。用 ./ 表示同一文件夹下的兄弟文件。用../ 表示所处文件夹的父文件夹中的文件。二、绝对路径。本机绝对路径是 例如  E:\phpStudy\WWW\NEWPC\images.网络的绝对路径是指:例如一张图片的绝
    03-08
  • 合并css/js请求 怎么将css代码合并到html中
    在项目开发的过程中,为了追求速度,减少页面建立的 http 连接数,会对多个css/js请求进行合并如:script src="http://local.com/js/a.js"script src="http://local.com/js/b.js"script src="http://local.com/js/c.js"这样的请求可以合并为:script src="htt
    03-08
  • css文件和js文件后面带一个问号 html中css文件
    经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的? 这个方法我也用过,而且很好用?,它的作用有两个:1、作为版本号,让自己方便记忆、查找;2、作为修改标签,让浏览器重新下载新文件。 其实css文件
    03-08
点击排行