(011)XHTML文档之列表

XHTML文档之列表

  列表是两个或更多相关项的集合。只包含一个项的列表也完全有效,在某些情况下甚至在语义上也是正确的。但通常被一个列表组织在一起的项有多个。XHTML中有3种类型的列表:无序列表、有序列表和自定义列表。

  

一、无序列表ul

  无序列表用ul元素标明。它用于项的顺序不太重要的列表,如食谱中的配料列表:只要拿到列表上的所有东西就行,按什么顺序拿并不重要。每个列表项由自己的li元素来定义,它们都包含在外围的<ul>和</ul>标签中。ul元素是块级元素,其子只能是li元素,文本和其他元素都不能出现在无序列表中,除非它们被包含在一个li中。

  在图形化浏览器中,无序列表的默认显示形式带有一点缩进,且每一个列表项之前都有一个丸行符号。当然可以通过css来将默认的丸形符号改为另一个字符甚至一个图像。

二、有序列表ol

  ol元素用于定义有序列表。有序列表中的项应该按照特定顺序阅读或办理,如食谱中的操作步骤。可视化浏览器显示的有序列表中的每个项旁都有一个自动生成的编号。

  与无序列表一样,ol元素是块级元素,只能包含li。

三、列表项li 

  在有序和无序列表中,都使用块级的li元素来定义各个项。列表项中可以包含文本或其他元素——甚至是新的列表。

  当一个列表嵌套在另一个列表中时,默认情况下内层列表的样式将根据其嵌套级别而有所不同。也就是说,每一层嵌套的列表都进一步缩进了一点,并且标记符号的样式也各不相同。

四、定义列表

  定义列表不仅仅是项的集合,更是项及其说明的集合。定义列表不像有序和无序列表那样包含列表项元素(li)。这种列表中的项可以由定义术语(dt)和定义说明(dd)组成。一条术语可以有多条相关的说明(也就是说,一个dt标记可以有多个dd标记),一条说明也可以应用到在它之前出现的一组术语。一个dd之后紧接着一个dt标志一个新的术语和说明序列的开始,是划分定义列表各部分的地方。

  在术语和它的说明之间有一种隐含的语义联系。dd和dt元素彼此捆绑在一起,配对参与形成列表的结构。因为这种语义上的共生关系,定义列表有时被用于标记从技术上说并非由术语及其定义组成的列表。一系列问题及其答案、一组图像及其标题、用发言者的名字及其发言表示的一系列对话,都是定义列表潜在的用武之地。

 1. dl标签

  dl元素用于创建一个定义列表。它是块级元素,必须至少包含一条术语(dt)或一条说明(dd),dl之子元素只能是dt和dd元素。

 2. dt标签

  dt元素是块级元素,只能包含文本和(或)行内元素。它标明了一个术语或所要说明的对象。一条定义术语关联着紧随其后的每一条说明,直到有另一个dt元素开始一个新的序列(或直到列表结束于其闭标签</dl>)。

 3. dd标签

  dd元素包含对紧靠其前面的dt元素的说明。在一条术语有多条说明的情况下,每一条说明都应该包装在自己的dd元素中。它是块级元素,可以包含文本、行内元素和其他块级元素。如果说明分为多个段落,应该把它们标记为段落(p),但应该包含在一个dd中,而不是分成多个dd。一个dd元素的全部内容应该构成一条说明。

  在大多数浏览器的显示结果中,dd元素相对于相关dt元素都有少许的缩进。如果dd包含有其他结构性标记代码(如段落),那么嵌套元素的默认边距将会被应用。

时间: 2024-09-27 19:41:39

(011)XHTML文档之列表的相关文章

(008)XHTML文档之blockquote元素

XHTML文档之blockquote元素 blockquote元素标明一段长引文,如书中的一段文字或评论中的推荐辞.它是块级元素,只能包含块级子元素.几乎所有其他结构性标记代码都能出现在blockquote中(段落.标题.列表.甚至别的blockquote),但是它们的内容都应该是原始引文的一部分. 如果引文来自在线资源(包括自己的网站中的其他地方),那么你可以在开标签<blockquote>的cite属性中指定原始来源的URL.cite属性的值应该是一个URL,而不是名称或标题.要想用名称引

(012)XHTML文档之短语元素

XHTML文档之短语元素 我们前面已经介绍了用于将内容组织为富有意义的.易读的部分时要用到的大多数主要的结构性元素.标题.段落和列表是结构化文本的基本构建快料.在下面的介绍中,我们将关注这些块元素内部的一些较小的内容片段. 这些行内元素被称为短语元素,因为它们被用于包装一小串.甚至一个词语,以给予其额外的意义和格式,使其鹤立于周围的词语之中.行内元素只能包括文本和其他行内元素. 一.em元素 em元素强调一个词或短语.可视化web浏览器往往将其内容显示为斜体,但别的设备可能会用不同的方式表现强调

如何编写符合web标准的XHTML文档

1.在XHTML文档的开始加上强制性的XHTML元素DOCTYPE XHTML文档刚开始的<DOCTYPE >标签告诉浏览器如何解释及如何一致地校验HTML文档,DOCTYPE声明是一个兼容标准的网页的关键组成部分:除非XHTML文档确定了一个正确的DOCTYPE声明,否则文档中的标记和css都不会生效.并且文档中的DOCTYPE会影响大部分浏览器显示页面的办法: ps:另外需注意的是:DOCTYPE声明不是XHTML文档本身的一部分,它不是一个XHTML元素,因此不必有一个关闭标记. 2.所

(009)XHTML文档之address标签

XHTML文档之address标签 address元素不是专用于邮政地址,而是用于提供对你阅读的文档负责的人或组织的联系信息.address元素的出现还要追朔到web的使用者主要还是学术界人士和程序员的时候.大学里面的研究人员可能会在因特网上公布自己的发现,并附上自己的姓名.职务和电子邮件地址以申明自己的所有权.在这个意义上来说,address标签的作用或者语义表示的是署名行或归属声明,而不是某个城镇的某条街上的某个现实地址(虽然它也可以包含一个现实的地址).address元素宣称:“这是负责本

(010)XHTML文档之pre标签

XHTML文档之pre标签 在浏览器呈现文档的时候,其中的空白会发生“缩合”,连续的多个空格会被缩减为1个,回车会被忽略.但是,你可以用pre元素定义一段预先格式化过的文本,使其中的空白和换行得以按其在标记代码中的原样保留.这个元素在显示计算机代码和诗歌时特别有用,因为这些内容中的换行和缩进很重要. pre标签是块级元素,只能包含行内元素.它的内容通常被默认地呈现为等宽字体.

(006)XHTML文档的head

一.引言 本章节介绍head元素,它包含着关于文档的信息.尽管head元素及其中的内容不会被浏览器显示,它们却在定义文档的一些特殊方面起着关键作用,这些特性包括javascript代码.文档的名称以及文档的样式声明. 许多人既把head视为一个节,也视为一个元素.作为元素来讲,它可以包含几种其他元素,它们都是本章的关注对象.head元素的一个有趣之处在于它不包括任何会在文档中显示的元素.head元素中可以包括的元素有base.link.meta.script.style.title. 二.bas

(007)XHTML文档之标题——&lt;h1&gt;~&lt;h6&gt;

XHTML文档之标题——<h1>.<h2>.<h3>.<h4>.<h5>.<h6> 一.引言 标题用于引入新的一节内容.xhtml提供了6个级别的标题元素,用来表示标题的相对重要性或它在文档层次体系中的级别(及尾随其后的相关内容的重要性或级别). 二.标题标签的用法 h1元素用来标明顶级元素——页面上最重要的标题.因为逻辑上只能有一个“最重要的”标题,所以习惯上一个文档中h1只出现一次,通常用于网站的名称或所浏览的网页的标题.这并不是

(015)XHTML文档之sup和sub标签

XHTML文档之sup和sub标签 <sup>和<sub>标签表示在文本中加入上标和下标字符,特别是所撰写的文档有关数学或化学或者其语言需要上标和下标(如法语)时.上标文本的位置比周围文本略高,而下标文本则比周围文本略低.下面的代码则表示勾股定理和化学公式. <p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p> <p>H<su

(014)XHTML文档之嵌入外部内容

XHTML文档之嵌入外部内容 页面上的大多数内容都是XHTML文档的一部分.但经常会有需要嵌入图像.java applet.Flash动画或QuickTime视频等外部内容的时候.这些文件必须与文档分开保存,但可以在XHTML标记代码中引用它们,让浏览器将它们显示在网页上. 一.object元素 行内元素object在XHTML文档中嵌入一个外部的文件或某种类型的媒体.许多对象的数据格式都是Web浏览器不能处理的,需要使用插件应用程序来呈现.可以用object向页面中添加图像,但使用行内元素im