其设计目的是为了实现从HTML到XML过渡,它结合了XML中部分强大的功能及HTML中大部分的简单特性。
与HTML的主要区别:1必须合理嵌套 2文档格式必须正确 3标签名称必须小写 4所有XHTML元素必须关闭。
##语法规则
1 XHTML DTD定义强制元素 2 属性名称需小写 3属性值使用双引号 4 属性简写是不允许的 5 id属性来代替原来的name属性。
##文档结构
- <!DOCTYPE....> //文档类型 头部信息 主干信息
- <html>
- <head>
- <title>...</title>
- </head>
- <body>
- </body>
- </html>
## 文档类型声明方式
1 严格类(strict) 2过渡类(transitional) 3框架集类(frame)
##文档类型声明(DTD):目的是描述XHTML中允许的语言和语法。
【注意】在过渡时期XHTML对javaScript脚本方式的使用有限制(即类型2)
//-------------例子 使用XHTML语法规则实现web页面--------
- <!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" xml:lang="en" lang="en">
- <head>
- <title>regist.html</title>
- <!--设置-->
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- <script language="JavaScript" type="text/javascript" src="check.js"></script>
- </head>
- <body>
- <center>
- <form name="myform" action="">
- <p>
- 请输入您的姓名:
- <input type="text" name="txt1" value="" />
- </p>
- <p>
- 请选择您的性别:
- </p>
- <p>
- 男
- <input type="radio" value="男" name="sex" checked="checked" />
- </p>
- <p>
- 女
- <input type="radio" value="女" name="sex" />
- </p>
- <p>
- 请选择您的爱好:
- </p>
- <p>
- 游泳
- <input type="checkbox" value="游泳" name="inst" checked="checked" />
- </p>
- <p>
- 滑冰
- <input type="checkbox" value="滑冰" name="inst" />
- </p>
- <p>
- 散步
- <input type="checkbox" value="散步" name="inst" />
- </p>
- <p>
- <input type="button" value="注册" οnclick="checkValid()" />
- </p>
- </form>
- </center>
- </body>
- </html>
//---------------------check.js--------
- function checkValid()
- {
- if(document.myform.txt1.value=="")
- {
- alert("请输入姓名!");
- }
- else
- {
- alert("姓名:"+document.myform.txt1.value );
- for(i=0;i<document.myform.sex.length;i++)
- {
- if(document.myform.sex(i).checked == true)
- alert("性别:"+document.myform.sex(i).value);
- }
- for(i=0;i<document.myform.inst.length;i++)
- {
- if(document.myform.inst(i).checked == true)
- alert("爱好:"+document.myform.inst(i).value);
- }
- }
- }
//由于过渡时期XHTML限制,将脚本单独放在一个文件中。