多层嵌套 dl dt dd 的例子

最新推荐文章于 2023-02-28 16:28:46 发布

龚Sir_Me

最新推荐文章于 2023-02-28 16:28:46 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： div+css 文章标签： HTML

本文链接：https://blog.youkuaiyun.com/herrygoon/article/details/83486703

div+css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中的dl标签及其在创建定义列表时的应用。通过具体的示例代码展示了如何使用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;
  >