XHTML走马观花

youshini

浏览: 218712 次
性别:
来自: 广州

最近访客更多访客>>

xiaguangme

chenglibang

jdzctais

horsehome

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

ajax

XHTML JavaScript 脚本 HTML XML

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

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

##语法规则

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

##文档结构

Code:

<!DOCTYPE....>//文档类型头部信息主干信息
<html>
<head>
<title>...</title>
</head>
<body>
</body>
</html>

## 文档类型声明方式

1 严格类（strict） 2过渡类（transitional） 3框架集类（frame）

##文档类型声明（DTD）：目的是描述XHTML中允许的语言和语法。

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

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

Code:

<!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="">
请输入您的姓名：
<inputtype="text"name="txt1"value=""/>
请选择您的性别：
男
<inputtype="radio"value="男"name="sex"checked="checked"/>
女
<inputtype="radio"value="女"name="sex"/>
请选择您的爱好：
游泳
<inputtype="checkbox"value="游泳"name="inst"checked="checked"/>
滑冰
<inputtype="checkbox"value="滑冰"name="inst"/>
散步
<inputtype="checkbox"value="散步"name="inst"/>
<inputtype="button"value="注册"onclick="checkValid()"/>
</form>
</center>
</body>
</html>

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

Code:

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限制，将脚本单独放在一个文件中。

分享到：

CSS的一些实用例子 | ajax的一些实例

2010-06-27 14:53
浏览 772
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论