其设计目的是为了实现从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="注册"onclick="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限制,将脚本单独放在一个文件中。
分享到:
相关推荐
XHTML MP (XHTML Mobile Profile) 是 WAP 2.0 标记语言. XHTML MP 是 XHTML 的子集, HTML 和 XML 的结合. 本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的...
( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ( xhtml1-strict.dtd ...
XHTML MP (XHTML Mobile Profile) 是 WAP 2.0 标记语言. XHTML MP 是 XHTML 的子集, HTML 和 XML 的结合. 本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的...
html与xhtml权威指南
html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML html转换成XHTML
度娘参考了一些解决方案,发现行不通,关于字体,其实每个系统,应该都有一个黑体吧,为了兼容大部分系统,我们就添加一个系统字体 黑体 SimHei ...解压,替换xhtml2pdf [Python36\Lib\site-packages\xhtml2pdf]
Xhtml 3个模板Xhtml 3个模板Xhtml 3个模板Xhtml 3个模板Xhtml 3个模板Xhtml 3个模板Xhtml 3个模板
XHTML 移动概要 (XHTML MP)WAP 2.0 教程
XHTML MP (XHTML Mobile Profile) 是 WAP 2.0 标记语言. XHTML MP 是 XHTML 的子集, HTML 和 XML 的结合. 本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的...
xhtml教程源码,很不错,是java程序的!很有帮助,适合WAP2.0,大家自己看看吧xhtml教程源码
xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面
XHTML 移动概要/ WAP 2.0 教程(XHTML MP 基础)
XHTML和CSS中文版XHTML和CSS中文版XHTML和CSS中文版XHTML和CSS中文版XHTML和CSS中文版XHTML和CSS中文版XHTML和CSS中文版
XHTML ajax 教程.chm 常用设计技巧(摘自CSDN),循序渐进XHTML的讲解。
但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如: 网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
让你轻松学好xhtml
国外的,XHTML后台模板,多种模块可直接引用。
XHTML标准参考手册,XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全...
poi处理docx的XHTML和Converter最新版jar1.06
XHTML的一些实例的精解。还不错 看着还不错