html 和 xhtml 有什么区别

html 和 xhtml 有什么区别

HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。HTML 和 XHTML 的区别简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求,XHTML 语法上要求更严谨些。

xhtml和html有什么区别

最主要的不同:
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。
元素必须被正确地嵌套
在 HTML 中,某些元素可以像这样彼此不正确地嵌套:
<b><i>This text is bold and italic</b></i>
在 XHTML 中,所有的元素必须像这样彼此正确地嵌套:
<b><i>This text is bold and italic</i></b>
提示:在嵌套列表中一个容易犯的错误,是忘记内部列表必须位于 li 元素中,就像下面这样:
这是错误的:
<ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> <li>Milk</li></ul>
这是正确的:
<ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li></ul>
注意:在正确代码的例子中,我们在 </ul> 之后插入了一个 </li> 标签。
XHTML 元素必须被关闭
非空标签必须使用结束标签。
这是错误的:
<p>This is a paragraph<p>This is another paragraph
这是正确的:
<p>This is a paragraph</p><p>This is another paragraph</p>
空标签也必须被关闭
空标签也必须使用结束标签,或者其开始标签必须使用/>结尾。

这是错误的:
A break: <br>A horizontal rule: <hr>An image: <img src=\”happy.gif\” alt=\”Happy face\”>
这是正确的:
A break: <br />A horizontal rule: <hr />An image: <img src=\”happy.gif\” alt=\”Happy face\” />
XHTML 元素必须小写
XHTML 规范定义:标签名和属性对大小写敏感。
这是错误的:
<BODY><P>This is a paragraph</P></BODY>
这是正确的:
<body><p>This is a paragraph</p></body>
XHTML 文档必须拥有一个根元素
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。

子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:
<html><head> … </head><body> … </body></html>
更多的 XHTML 语法规则:
属性名称必须小写
属性值必须加引号
属性不能简写
用 Id 属性代替 name 属性
XHTML DTD 定义了强制使用的 HTML 元素
属性名称必须小写
这是错误的:
<table WIDTH=\”****\”>
这是正确的:
<table width=\”****\”>
属性值必须加引号
这是错误的:
<table width=****>
这是正确的:
<table width=\”****\”>
属性不能简写
这是错误的:
<input checked><input readonly><input disabled><option selected><frame noresize>
这是正确的:
<input checked=\”checked\” /><input readonly=\”readonly\” /><input disabled=\”disabled\” /><option selected=\”selected\” /><frame noresize=\”noresize\” />
用 id 属性代替 name 属性
HTML 4.01 针对下列元素定义 name 属性:a, applet, frame, iframe, img, 和map。
在 XHTML 中不鼓励使用 name 属性,应该使用 id 取而代之。

这是错误的:
<img src=\”picture.gif\” name=\”picture1\” />
这是正确的:
<img src=\”picture.gif\” id=\”picture1\” />
重要的兼容性提示:
你应该在 \”/\” 符号前添加一个额外的空格,以使你的 XHTML 与当今的浏览器相兼容。
语言属性(lang)
lang 属性应用于几乎所有的 XHTML 元素。它定义元素内部的内容的所用语言的类型。

如果在某元素中使用 lang 属性,就必须添加额外的 xml:lang,像这样:
<div lang=\”no\” xml:lang=\”no\”>Heia Norge!</div>
强制使用的 XHTML 元素
所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration)。在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中。
下面是一个最小化的 XHTML 文件模板:
<!DOCTYPE Doctype goes here><html xmlns=\”http://www.w3.org/1999/xhtml\”><head><title>Title goes here</title></head><body></body></html>
提示:文件类型声明并非 XHTML 文档自身的组成部分。它并不是 XHTML 元素,也没有关闭标签。

html和xhtml区别

方法/步骤
1、所有标签都必须小写
在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。看一个例子。

错误:<Head></Head><Body></Body>
正确:<head></head><body>百科</body>
2、标签必须成双成对

<p>…</p>、<a>…</a>、<div>…</div>
标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一样。

错误:大家好<p>我是muki正确:<p>大家好</p><p>我是muki</p>
3、标签顺序必须正确
标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。

错误:<div><h1>大家好</div></h1>正确:<div><h1>大家好</h1></div>
4、所有属性都必须使用双引号
在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。

错误:<div style=font-size:11px>hello</div>正确:<div style=\”font-size:11px\”>hello</div>
6、不允许使用target=\”_blank\”
从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel=\”external\”,并搭配JavaScript实现此效果。