HTML入门教程 - 7.关于定义列表(Definition Lists)
2013-08-12 17:21
423 查看
这一节我们讨论的是定义列表。定义列表比有序和无序列表具有更多的特性。
定义列表包含的是“dt”元素,不像有序和无序列表包含的是“li”元素
“dt”元素代表的是“definition terms”定义项,接下来的是“dd”元素,表示的是"definition descriptions"定义描述。
虽然”dd“元素是跟在”dt“后面的元素,但是不必一个”dt“元素跟着一个”dd“元素,可以多个。
比如说,如果这个有一个词有相同的含义,他可能是一个"dt"跟着一个”dd“元素。如果你有多个词表示多个不同的事情,这可能一个”dt“元素之后跟着多个”dd“元素。
dl 列表中有较为强烈的“描述”、“解释”、“补充”意义。 dt 和 dd 有明显的逻辑关系,dd 从属于 dt,dd 中的内容是对 dt 的“描述”、“解释”、“补充”。另外,dd 之间虽然是平行关系,但是其描述的内容是多角度的,不同于单纯的 li。
代码示例如下:
那么页面将显示如下:
定义列表包含的是“dt”元素,不像有序和无序列表包含的是“li”元素
“dt”元素代表的是“definition terms”定义项,接下来的是“dd”元素,表示的是"definition descriptions"定义描述。
虽然”dd“元素是跟在”dt“后面的元素,但是不必一个”dt“元素跟着一个”dd“元素,可以多个。
比如说,如果这个有一个词有相同的含义,他可能是一个"dt"跟着一个”dd“元素。如果你有多个词表示多个不同的事情,这可能一个”dt“元素之后跟着多个”dd“元素。
dl 列表中有较为强烈的“描述”、“解释”、“补充”意义。 dt 和 dd 有明显的逻辑关系,dd 从属于 dt,dd 中的内容是对 dt 的“描述”、“解释”、“补充”。另外,dd 之间虽然是平行关系,但是其描述的内容是多角度的,不同于单纯的 li。
代码示例如下:
<h1>BESTSG- Definition List</h1> <dl> <dt>HTML</dt> <dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd> <dt>Dog</dt> <dd>Any carnivorous animal belonging to the family Canidae.</dd> <dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd> <dt>Moo juice</dt> <dt>Cat beer</dt> <dt>Milk</dt> <dd>A white liquid produced by cows and used for human consumption.</dd> <dt>JavaScript ready to learn</dt> <dd>CC:xxx</dd> <dd>ISBN:xxx</dd> <dd>Price:xxx</dd> </dl>
那么页面将显示如下:
Some random glossary thing
HTMLAbbreviation for HyperText Markup Language - a language used to make web pages.DogAny carnivorous animal belonging to the family Canidae.The domesticated sub-species of the family Canidae, Canis lupus familiaris.Moo juiceCat beerMilkA white liquid produced by cows and used for human consumption.JavaScript ready to learnCC:xxxISBN:xxxPrice:xxx相关文章推荐
- HTML入门教程 - 6.无序列表和有序列表(Unordered Lists&Ordered Lists)
- html入门教程(三)表格与列表
- HTML教程:定义列表
- HTML入门教程 - 10.关于表格(tables)
- HTML入门教程 - 11.关于表单(Forms)
- Python入门教程3. 列表基本操作【定义、运算、常用函数】[原创]_python_脚本之家
- HTML入门教程 - 9.关于图片(Images)
- HTML入门笔记21-HTML定义列表
- HTML入门教程 - 5.关于标题(Headings)
- Android基础入门教程——5.2.5 Fragment实例精讲——新闻(购物)类App列表Fragment的简单实现
- java入门教程-3.1Java类的定义及其实例化
- Android基础入门教程——2.4.10 Spinner(列表选项框)的基本使用
- Spring MVC 教程,快速入门,深入分析――关于写几个配置文件的说明
- 第一个爬虫教程的大坑,关于for循环打印字符串列表
- 关于html的入门学习
- HTML入门教程(一)
- java入门教程-10.9Java列表和组合框
- HTML 30分钟入门教程
- 定义一个函数,创建HTML列表(arguments)
- Python入门教程--列表