什么是html和xhtml
- 青灯夜游 原创
- 2022-09-15 17:59:36 2875浏览
html超文本标记语言，是一种基于标记的网页设计语言，专门用来设计和编辑网页。xhtml是为了适应xml而重新改造的html，也是一种标记语言，它可以看作是从html到xml的过渡；xhtml要求在网页中出现的任何元素都应该被标记出来。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
什么是HTML
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，是一种基于标记的网页设计语言，专门用来设计和编辑网页。
超文本标记语言，是WWW的描述语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
<!DOCTYPE html> <html> <body> <h1>hello world !</h1> </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> <h1>XHTML</h1> </body> </html>
xhtml和html的区别
1、XHTML元素必须被正确地嵌套
例子：
一般html网页可以“主要内容”这是个不严格，在XHTML是错误的；正确的在xhtml标准中就必须要求这样“主要内容”。
2、XHTML 元素必须被关闭
exp：
一个HEAD里的例子，“ ”像这个标签在html是可行的，但是为了xhtml的标准所以必须关闭如“ ”
如在一般html使用 “
”这个换大行标签时候很多人直接在需要换行的段落加个“
”标签就完了，但是在XHTML CSS标准中就必须是这样的 “
段落文字
” 意思就是必须由“这个换行标签开始与文章文字段前，并在该段文字文字后以“
”标签结束。如很多在做html页面时候用到小换行标签“ br ”，很多人不知道这个标签需要以关闭的样式来换行，如：一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“
”就好了 ，但是告诉大家这也是不标准，在XHTML验证时候是通不过的，必须用“
”自关闭结束。
3、标签名必须用小写字母
在以前的网页中对于很多标签通常使用大写或大小写的编排方式，但是在为了WEB标准现在标签都要求小写统一。
exp：
以前很多“、
”等都用大写或大小写混用如“ 、 ”或“、 ”排版，但是XHTML统一要求需要用“ 、 ”小写。4、XHTML文档必须拥有根元素
意思就是一什么标签开始就要用什么标签结束，如
开始就要在内容结束用来关闭。5、对于图片需添加alt属性
以前很多时候在网页里显示图片img标签里都可加可不加alt属性，但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误，哪怕alt的值为空都可以。
exp:
错误 <img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80">
正确<img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt='“图片说明"'>
那加了alt有什么好处？答：加上alt可以对图片进行文字说明，可让搜索引擎辨别图片内容，是优化网页好地方。
（学习视频分享：web前端入门）
