XHTML与HTML简单比较
XHTML是一种使用XML规范编写的HTML,XHTML与普通Html有很多不同,主要不同是要求编写规范,当然XHTML这些规范也给人工编写代码带来不是很方便,但是对于机器阅读或SEO还是有帮助的。
XHMTL和HTML的不同
- XHTML是HTML更严格和更清晰的版本.
- XHTML DOCTYPE需要首先强制声明.
- XHTML元素都必须小写
- XHTML属性名都必须小写
- XHTML属性的值必须使用引号
- XHTML元素必须是闭合的(带斜杠“/”)
- XHTML文档必须有一个根元素
- XHTML元素必须恰当地内嵌,不是随意嵌套的
声明XHTML DOCTYPE
如果希望使用XHTML编写网页,首先,XHTML需要有一个在页面头部XHTML DOCTYPE 声明,有三种类型:
XHTML 1.0 Transitional
如果你想编写一个完全符合规范的页面就请使用这个transitional类型,在页面头部加入下面申明:
<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd”>
XHTML 1.0 Strict
如果你只想编写符合比较清晰规范的页面就使用这个strict类型,虽然不是完全符合规范,但是大多数XHTML属性可以使用,在头部加入:
<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
XHTML 1.0 Frameset
如果你只想编写一个普通Html框架的页面使用这个frameset类型,因为html相比XHTML编写没有那么规范。
<! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
元素必须闭合
错误写法:<p>This is paragraph line.
正确写法:<p>This is paragraph line. </p>
多一个</p>环绕文本。每个元素必须闭合,以斜杠符号“/”标志结束闭合
属性必须小写
错误写法:<link TYPE=”TEXT/CSS” REL=”STYLESHEET” href=”myfile.css”/>
正确写法是将上面的大写字母变成小写:
<link type=”text/css” rel=”stylesheet” href=”myfile.css”/>
属性值必须是双引号
错误写法:<table width=90%>
正确写法是将上面width的值90%加上双引号:<table width=”90%”>
请注意不能使用中文的双引号
严格对应嵌套
错误方式:<b><i>This is XHTML page</b></i>
上面错误在于<b>嵌套了<i>,那么结束也要遵循这个规则,正确方式是:
<b><i>This is XHTML page</i></b>
嵌套规则是遵循下面禁止条例:
- <a> : 只能包含嵌套 <a>元素,不能嵌套其他语法.
- <pre> : 不可以包含嵌套<img> , <object> , <big> , <small> , <sub> 等元素.
- <button> 不能包含n <input>, <select>, <label>, <button>, <form>, <fieldset> 等元素.
- <label> 不可再包含 <label> 元素
- <form> 不可再包含<form>元素
XHML编写主要遵循两个规则:遵循嵌套规则,每个元素必须闭合,以斜杠符号“/”标志结束闭合。
<img src=”C:\Winter.jpg” width=”100%” height=”100%” />
<hr align=”center” width=”90%”/ >
<br />
HTML如何转变到XHTML?
- 在每个页面增加第一行XHTML doctype
- 每个页面增加xmlns 属性
- 每个元素名称必须小写
- 闭合所有没有闭合的元素
- 属性名称转换到小写
- 属性值使用双引号
下面是一个标准XHTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My First Document</title>
</head>
<body>
<p>Hello, <i>World</i></p>
<h3>Welcome to XHTML</h3>
<p>This page written by:
<cite>(Jdon)</cite>
<br />
2000 and beyond
</p>
</body>
</html>