`

多层嵌套 dl dt dd 的例子

阅读更多
当然dl标签的原本含义主要是为了定义名词解释的。
<html>
	<head>
		<title>一个普通列表</title>
	</head>
	<body text="blue">
		<dl>
			<dt>中国城市</dt>
			<dd>
				<dl>
					<dt>北京市</dt>
					<dd>海淀区</dd>
					<dd>东城区</dd>
					<dd>西城区</dd>
				</dl>
				<dl>
					<dt>上海市</dt>
					<dd>浦东区</dd>
					<dd>浦西区 </dd>
				</dl>
				<dl>
					<dt>广东省</dt>
					<dd>广州市</dd>
					<dd>惠州市</dd>
					<dd>深圳市 </dd>
				</dl>
			</dd>
			<dt>美国城市</dt>
			<dd>华盛顿 </dd>
			<dd>芝加哥 </dd>
			<dd>纽约 </dd>
		</dl>
	</body>
</html>


dtd定义:
<!-- definition lists - dt for term, dd for its definition -->
<!ENTITY % lists "ul | ol | dl">
<!ENTITY % block
     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
<!-- %Flow; mixes block and inline and is used for list items etc. -->
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">

<!ELEMENT dl (dt|dd)+>
<!ATTLIST dl
  %attrs;
  compact     (compact)      #IMPLIED
  >

<!ELEMENT dt %Inline;>
<!ATTLIST dt
  %attrs;
  >

<!ELEMENT dd %Flow;>
<!ATTLIST dd
  %attrs;
  >

即dd元素中可以包含block元素,而dt中只能包含inline元素,即在dd中可以包含dl元素
分享到:
评论

相关推荐

    java实现多层嵌套循环参数转换

    在Java编程中,多层嵌套循环是一种常见的数据处理方式,尤其在处理具有层次关系的数据时,例如构建或解析父子级结构。在这种场景下,我们可能需要遍历多个层级的数据,以便进行转换、操作或者存储到数据库中。下面将...

    javascript 多层嵌套的一个层展开、收缩实例

    在JavaScript编程中,多层嵌套的展开与收缩是一个常见的需求,特别是在构建可交互的用户界面,如树形结构、折叠菜单或者层级数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,以及相关的技术要点。 首先...

    Visual C++源代码 24 如何设计多层嵌套异常捕获错误

    Visual C++源代码 24 如何设计多层嵌套异常捕获错误Visual C++源代码 24 如何设计多层嵌套异常捕获错误Visual C++源代码 24 如何设计多层嵌套异常捕获错误Visual C++源代码 24 如何设计多层嵌套异常捕获错误Visual ...

    Fragment和Viewpager多层嵌套

    本项目聚焦于"Fragment和ViewPager的多层嵌套",这是一个高效且灵活的布局策略,可以创建丰富的交互体验。以下是对这个知识点的详细解释。 **Fragment** 是Android SDK中的一个组件,它代表了应用程序界面的一部分...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有...元素多层嵌套,JS获取问题&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;span&gt;span &lt;span&gt;span &lt;span&gt;1 &lt;spa

    ItemControl实现列表和多层嵌套(Prism Mvvm)

    本主题将深入探讨如何使用`ItemControl`结合Prism MVVM框架来实现列表展示及多层嵌套的数据绑定。以下是关于这些知识点的详细解释: 1. **ItemControl使用和MVVM绑定**: `ItemControl`是WPF(Windows ...

    Android使用Kotlin利用Gson解析多层嵌套Json数据

    Android使用Kotlin利用Gson解析多层嵌套Json数据

    对话框多层嵌套的例子

    标题“对话框多层嵌套的例子”表明我们要讨论的是如何在一个对话框内部嵌入另一个对话框,以创建更复杂、更具层次感的用户界面。描述中提到,这种技术可以实现美观且方便的效果,它允许开发者通过组合多个对话框来...

    多层嵌套iframe 自适应高度的解决方法

    多层嵌套iframe 自适应高度的解决方法

    如何设计多层嵌套异常捕获错误实例C#.net源代码编写

    本文将深入探讨如何使用多层嵌套异常捕获来实现这一目标,并通过具体的C#.NET源代码实例进行解释。 首先,了解异常的基本概念。在C#.NET中,异常是一种结构化的方式来处理运行时错误。当程序运行过程中发生错误或...

    多层集合嵌套的JSON数据转化为Java对象(src.zip)

    通过以上步骤,我们可以高效地将多层集合嵌套的JSON数据转换为Java对象,方便在Java程序中进行处理和操作。这种方法在实际开发中非常常见,特别是在处理来自Web服务、API接口或其他系统的JSON数据时。熟练掌握JSON...

    解析Json字符串直接转换为对象(包括多层List集合 嵌套)所用jar包

    标题和描述提及的是将JSON字符串转换为Java对象,特别是涉及多层嵌套和List集合的情况。这在处理复杂数据结构时非常常见,比如服务器返回的响应可能包含嵌套的对象和数组。下面我们将详细介绍如何使用Jackson库来...

    QDockWidget多层嵌套布局示例

    千万别下载,csdn私自修改我设置的积分(还不能改回来),去https://github.com/czyt1988/czyBlog/tree/master/tech/QDockWidget_VSStudioMode,下载源码。具体可见:...

    AngularJS使用ui-route实现多层嵌套路由的示例

    5. 状态嵌套:多层嵌套路由的实现依赖于ui-router的状态嵌套能力。在配置状态时,可以通过嵌套子状态来实现复杂的视图层次结构。在给定的示例中,对peopleState状态进行了进一步的细分,定义了多个子状态来分别处理...

    实现DataGrid多层嵌套.doc

    在给定的文件描述中,提到了一个产品分类的例子,它有大类、二级分类和三级分类,这种情况下,可以通过在DataGrid中嵌套其他DataGrid来实现层次结构的展示。 首先,我们需要了解如何创建一个基础的DataGrid。在ASP...

    FragmentDome,包括嵌套viewpager,Fragment多层嵌套

    FragmentDome是一个针对Fragment深入学习和实践的项目,特别关注了Fragment的多层嵌套以及与ViewPager的结合使用,旨在创建复杂的用户交互和流畅的动画效果。在这个Dome中,开发者可以学习到如何有效地管理Fragment...

    可多层嵌套的jquery弹出窗口插件

    在本案例中,"可多层嵌套的jquery弹出窗口插件" bDialog是基于jQuery库构建的,利用jQuery的强大功能实现弹窗的高效、灵活操作。 **bDialog弹出窗口插件** bDialog是一款专为jQuery设计的弹出窗口插件,其特性在于...

    【JavaScript源代码】element table多层嵌套显示的实践.docx

    在本案例中,我们探讨的是如何使用Element UI的`el-table`组件实现多层嵌套显示的功能,这对于处理复杂的数据展示场景尤其有用。下面我们将深入解析这个实践中的关键点。 1. **多层嵌套的表格结构**: 在描述中...

    mybatis 多层级collection嵌套.docx

    在这个例子中,汽车(Car)可以有多盏灯(Light),每盏灯又可以有多种颜色(Color)。这需要在MyBatis的映射文件中进行适当的配置。 1. **第一层级的集合嵌套**:Car -&gt; Light - `Car`对象拥有一个`light`属性,...

    多层Fragment嵌套(Fragment+ViewPager)滑动

    当`Fragment`与`ViewPager`结合使用时,可以实现多层嵌套的滑动界面,这对于构建复杂的、动态的应用界面非常有用。以下将详细介绍`Fragment`和`ViewPager`以及如何在实际项目中进行多层嵌套。 `Fragment`是Android ...

Global site tag (gtag.js) - Google Analytics