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

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

Code:
  1. function checkValid()   
  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限制,将脚本单独放在一个文件中。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值