【摘要】:如前所述,XHTML 是HTML 的替代者,它是从HTML 继承而来,但使用了XML 的规则进行严格规范。XHTML 与传统的HTML 的不同之处,主要来自于XML 语法规范的格式要求,即要求“格式良好”。这些要求统称为XHTML 文档的有效性。万维网联盟为XHTML 制定了3种DTD,分别适用于不同场景。过渡的:要求非常宽松的DTD,允许继续使用HTML4.01 的标签和属性,但要求格式良好。为确保XHTML 文档是有效的,应在文档第一行添加DOCTYPE即文档类型声明。DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的:
如前所述,XHTML 是HTML 的替代者,它是从HTML 继承而来,但使用了XML 的规则进行严格规范。
XHTML 与传统的HTML 的不同之处,主要来自于XML 语法规范的格式要求,即要求“格式良好”。有以下几个要求:
➢必须有且仅能有一个根元素<html></html>
➢标签必须正确地嵌套
➢标签必须关闭
➢标签名和属性名必须使用小写
➢属性必须赋值
➢属性值必须包含在引号内
➢特殊字符必须用实体编码来表示
➢图片必须有替代文字
➢注释的内容中不能包含“--”
另一方面,网页文档中可以使用的标签有哪些,标签有哪些可用的属性,属性可用哪些值,标签之间如何嵌套,特殊字符如何表示,等等,XHTML 语言都有严格的要求。这些要求统称为XHTML 文档的有效性。XHTML 文档的有效性通过DTD(Document Type Definition,文档类型定义)来定义和验证。万维网联盟(W3C)为XHTML 制定了3种DTD,分别适用于不同场景。
➢过渡的(Transitional):要求非常宽松的DTD,允许继续使用HTML4.01 的标签和属性,但要求格式良好。(www.chuimin.cn)
➢严格的(Strict):要求严格的DTD,不能使用任何表现层的标签和属性。
➢框架集的(Frameset):专门针对框架集页面设计使用的DTD,如果你的页面中包含有多个框架组成的框架集,需要采用这种DTD。
为确保XHTML 文档是有效的,应在文档第一行(<html>标签开始之前)添加DOCTYPE即文档类型声明。对上述三种文档类型定义,声明使用它们的代码分别如下:
➢过渡的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
➢严格的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
➢框架集的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
有关基于HTML与CSS网页设计的文章
-
清除浮动-基于HTML与CSS网页设计
清除浮动可以理解为打破横向排列。图8.10例8.6 的运行结果_未清除浮动前说明按照之前所述的浮动的规则,secondDiv 上浮到firstDiv 右侧。假设出于某种需要,我们希望secondDiv 仍然出现在firstDiv 的下方,就像firstDiv没有设置浮动,仅为secondDiv 设置向左浮动那样。图8.11例8.7 的运行结果_清除左侧浮动说明在secondDiv 上设置了清除左侧浮动,也就是说它的左侧不能有浮动元素,这样导致它自己换行显示以满足这一规则。以下代码演示了清除右侧浮动的场景。......
2023-10-19
详细阅读
-
CSS层叠样式表-基于HTML与CSS网页设
A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含,现在有一个网页要使用这个样式文件中的样式规则,应在此网页中使用( )标签链接这个样式文件,并设置此标签的( )属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet,中文译名通常是层叠样式表或级联样式表。......
2023-10-19
详细阅读
-
FLASH动画插入网页|基于HTML与CSS
完成本任务所用到的主要知识点:标签标签标签问题已经制作了一个FLASH 动画,就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页,在其中编写以下代码。图上机1.4弹出警告对话框单击按钮,浏览器将显示FLASH 动画,如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页,发现不能正常显示这个FLASH 动画。......
2023-10-19
详细阅读
-
HTML与CSS网页设计中的背景设置
使用与背景相关的CSS 属性,可以设置一个区域的背景颜色、背景图像。与背景相关的CSS 属性见表6.1。表6.1常用的CSS 样式属性_背景例6.1:代码运行结果如图6.1 所示。图6.1例6.1 的运行结果_背景说明网页元素的背景显示时,背景图像优先于背景颜色。......
2023-10-19
详细阅读
-
基于HTML与CSS网页设计|浮动效果演示
图8.1例8.1 的运行结果_未使用浮动说明目前并没有使用浮动,4 个div 块作为块级元素在文档流中从上到下一次排列。图8.3例8.3 的运行结果_向右浮动说明secondDiv 因为浮动而脱离了正常的文档流之后,在它之后的thirdDiv 和forthDiv依次向上流动,填补了secondDiv 让出的空间,与之前的firstDiv 形成新的文档流。图8.6运行结果将secondDiv,thirdDic,forthDiv 都设置为向右浮动后的结果如图8.7 所示。......
2023-10-19
详细阅读
-
基于HTML与CSS,轻松学习网页设计
HTML是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML 语言由蒂姆·伯纳斯·李给出原始定义,IETF用简化的SGML语法进行进一步发展,后来成为国际标准,目前由万维网联盟维护。使用XML 的严格规则的XHTML是W3C 计划中的HTML 的接替者。注意W3C 目前的建议是使用XHTML 1.1、XHTML 1.0 或HTML 4.01 进行网络出版。HTML 语法的核心是由W3C 定义的一些标记。图1.1例1.1 的运行结果说明HTML 文件中的第一个标签是 。这个标签告诉浏览器,这是 HTML 文件的结束点。......
2023-10-19
详细阅读
-
盒状模型概述-基于HTML与CSS网页设计
图7.2CSS2.0 盒模型层次3D 示意图此外,盒子还有块级盒子和内联盒子之分。图7.3块级元素转变为内联元素说明以上代码中的div、p、ul、li 等元素都是块级元素,默认使用块级盒状模型。图7.4块级元素转变为内联元素说明将两个段落、三个列表项目、后两个div 块的display 属性为inline 后,它们将使用内联盒状模型,不再换行,而是从左往右依次排列,与其他内联元素共用一行。以下分别介绍其他和盒状模型相关的CSS 属性。......
2023-10-19
详细阅读
-
HTML概述与基本标签:基于HTML与CSS
视频教学资源学校目标了解WEB 和HTML 的关系理解HTML 标签在WEB 网页中的作用掌握HTML 文档的结构掌握常用的HTML 标签本章单词请在预习前完成下列单词的学习,将其写在横线上。嵌入)_______________________________________预习任务1.网页的标题标签应放置在()标签内部。A.srcB.nameC.urlD.href3.用于描述网页大纲级别的标题标签共有()种。A.url textB.link alterC.href textD.src alt5.HTML 语言中,某些标签只需要开始部分,可以不要结束部分,以下()组属于这种情况。超链接10.在网页中使用锚标记显示各种不同的水果。水果列表水果描述......
2023-10-19
详细阅读
相关推荐