XHTML走马观花

其设计目的是为了实现从HTML到XML过渡,它结合了XML中部分强大的功能及HTML中大部分的简单特性。

与HTML的主要区别:1必须合理嵌套 2文档格式必须正确 3标签名称必须小写 4所有XHTML元素必须关闭。

##语法规则

1 XHTML DTD定义强制元素 2 属性名称需小写 3属性值使用双引号 4 属性简写是不允许的 5 id属性来代替原来的name属性。

##文档结构

Code:
  1. <!DOCTYPE....>//文档类型头部信息主干信息
  2. <html>
  3. <head>
  4. <title>...</title>
  5. </head>
  6. <body>
  7. </body>
  8. </html>

## 文档类型声明方式

1 严格类(strict) 2过渡类(transitional) 3框架集类(frame)

##文档类型声明(DTD):目的是描述XHTML中允许的语言和语法。

【注意】在过渡时期XHTML对javaScript脚本方式的使用有限制(即类型2)

//-------------例子 使用XHTML语法规则实现web页面--------

Code:
  1. <!DOCTYPEhtml
  2. PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--文档类型声明-->
  4. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
  5. <head>
  6. <title>regist.html</title>
  7. <!--设置-->
  8. <metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
  9. <scriptlanguage="JavaScript"type="text/javascript"src="check.js"></script>
  10. </head>
  11. <body>
  12. <center>
  13. <formname="myform"action="">
  14. <p>
  15. 请输入您的姓名:
  16. <inputtype="text"name="txt1"value=""/>
  17. </p>
  18. <p>
  19. 请选择您的性别:
  20. </p>
  21. <p>
  22. <inputtype="radio"value="男"name="sex"checked="checked"/>
  23. </p>
  24. <p>
  25. <inputtype="radio"value="女"name="sex"/>
  26. </p>
  27. <p>
  28. 请选择您的爱好:
  29. </p>
  30. <p>
  31. 游泳
  32. <inputtype="checkbox"value="游泳"name="inst"checked="checked"/>
  33. </p>
  34. <p>
  35. 滑冰
  36. <inputtype="checkbox"value="滑冰"name="inst"/>
  37. </p>
  38. <p>
  39. 散步
  40. <inputtype="checkbox"value="散步"name="inst"/>
  41. </p>
  42. <p>
  43. <inputtype="button"value="注册"οnclick="checkValid()"/>
  44. </p>
  45. </form>
  46. </center>
  47. </body>
  48. </html>

//---------------------check.js--------

Code:
  1. functioncheckValid()
  2. {
  3. if(document.myform.txt1.value=="")
  4. {
  5. alert("请输入姓名!");
  6. }
  7. else
  8. {
  9. alert("姓名:"+document.myform.txt1.value);
  10. for(i=0;i<document.myform.sex.length;i++)
  11. {
  12. if(document.myform.sex(i).checked==true)
  13. alert("性别:"+document.myform.sex(i).value);
  14. }
  15. for(i=0;i<document.myform.inst.length;i++)
  16. {
  17. if(document.myform.inst(i).checked==true)
  18. alert("爱好:"+document.myform.inst(i).value);
  19. }
  20. }
  21. }

//由于过渡时期XHTML限制,将脚本单独放在一个文件中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值