其设计目的是为了实现从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页面--------
- <!DOCTYPEhtml
- PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--文档类型声明-->
- <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
- <head>
- <title>regist.html</title>
- <!--设置-->
- <metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
- <scriptlanguage="JavaScript"type="text/javascript"src="check.js"></script>
- </head>
- <body>
- <center>
- <formname="myform"action="">
- <p>
- 请输入您的姓名:
- <inputtype="text"name="txt1"value=""/>
- </p>
- <p>
- 请选择您的性别:
- </p>
- <p>
- 男
- <inputtype="radio"value="男"name="sex"checked="checked"/>
- </p>
- <p>
- 女
- <inputtype="radio"value="女"name="sex"/>
- </p>
- <p>
- 请选择您的爱好:
- </p>
- <p>
- 游泳
- <inputtype="checkbox"value="游泳"name="inst"checked="checked"/>
- </p>
- <p>
- 滑冰
- <inputtype="checkbox"value="滑冰"name="inst"/>
- </p>
- <p>
- 散步
- <inputtype="checkbox"value="散步"name="inst"/>
- </p>
- <p>
- <inputtype="button"value="注册"οnclick="checkValid()"/>
- </p>
- </form>
- </center>
- </body>
- </html>
//---------------------check.js--------
- functioncheckValid()
- {
- 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限制,将脚本单独放在一个文件中。