举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > XHTML 示例

XHTML 示例

2023-03-31 01:31 XHTML教程

 XHTML 示例

正如您现在可以猜到的那样,XHTML代码看起来与普通的旧HTML代码非常相似,仅有一些语法差异。下面显示了三个有效的XHTML文档的例子。

他们使用W3C的XHTML验证工具进行验证。


例1. 严格的DTD XHTML示例:


这个例子使用严格的DTD,这意味着每一个标签必须正确关闭,所有的属性赋值等。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> 严格的DTD XHTML示例-.cn在线教程 </title>
</head> <body> <p>

请选择一天:

<br /><br /> <select name="day"> <option selected="selected">星期一</option>
<option>星期二</option>
<option>星期三</option>
</select> </p> </body> </html>


例2. 过渡DTD XHTML例子:


此示例使用过渡DTD,它为不识别样式表的旧浏览器提供支持。你可以看到它在<body>标签中使用了几个属性,当使用严格的DTD时,这是不允许的:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> 过渡DTD XHTML例子-.cn在线教程 </title>
</head> <body bgcolor="#FFFFFF" link="#000000" text="red"> <p>这是一个过渡XHTML例子[www..cn]</p>
</body> </html>


例3. 框架DTD XHTML例子:


本示例使用框架集DTD,它允许我们将一个XHTML页面拆分为多个框架,每个框架中包含一个XHTML页面:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> 框架DTD XHTML例子-.cn在线教程 </title>
</head> <frameset cols="100,*"> <frame src="toc.html" />
<frame src="intro.html" name="content" /> </frameset> </html>


结论


XHTML文档看起来更专业,消除了潦草的编码习惯。他们仍然允许我们为旧浏览器开发页面,但是,通过使用过渡性DTD声明。

与您的网站最难的事情之一是修改其页面,以符合严格的XHTML DTD。如果您在使用XHTML验证器,那么您将看到我在说什么。


在我看来,XHTML是一个非常好的主意。我喜欢使用XML解析器浏览XHTML文件的想法。我也喜欢将HTML与XML混合的想法......它们是世界上最流行的两种标记语言,应该相互恭维。希望XHTML在接下来的几年里会弃用HTML。

尽管我们正在从网上的每个站点开始变得符合XHTML标准,但是我们很高兴知道我们可以像专业的Web开发人员那样设置标准。


阅读全文
以上是鳄鱼CMS为你收集整理的 XHTML 示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  •  XHTML高级教程-格式 测验

    XHTML高级教程-格式 测验

    2023-05-07 XHTML教程

    以下XHTML格式测验帮助你检测对于XHTML格式相关知识的掌握情况。一、XHTML有多少层次的标题?六层从h1到h6二、段落上方和下方留...

  • html标代码大全 HTML 标

    html标代码大全 HTML 标

    2023-06-17 HTML教程

    HTML图标link元素可以定义与您的页面相关联的图标。不同的浏览器以不同的方式处理图标,但通常图标显示在页面选项卡上,以及用户...

  • html object标签 HTML object

    html object标签 HTML object

    2023-03-12 HTML教程

    HTML objectobject元素实现与 embed 元素相同的结果。它具有局部属性:data,type,height,width,usemap,name,form。 object ...

  • html像标签 HTML 像

    html像标签 HTML 像

    2023-03-11 HTML教程

    HTML 图像 使用img标签定义 HTML 页面中的图像。img标签有两个必需的属性:src和alt。 实例h2挪威山旅行/h2img src="/statics/i...

  •  XHTML 模块化模型定义了 XHTML 的模块

    XHTML 模块化模型定义了 XHTML 的模块

    2023-05-22 XHTML教程

    XHTML 模块化模型定义了 XHTML 的模块。XHTML 模块化指的是,把 XHTML 1.0 划分为可提供特定功能的小型模型的集合。XHTML 1.0 的...

© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们