关于ul和dl的区别

1，列表的方式不同，ul是无序列表，dl是定义列表。

2，表示的方法方式也不同。

（1）ul是无序列表，也就是说没有排列限制可以随意加li。

举例：

（li）可以随意放置（/li）

（li）可以随意放置(/li)

（li）可以随意放置(/li)

（2）dl是定义列表，会默认前后层级关系。

举例：

（dt）我是头（/dt）

（dd）我是内容（/dd）

（dd）我是内容（/dd）

扩展资料：

一，HTML列表中的dl，dt，dd，ul，li，ol区别及应用：

1，无序列表：

①无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小圆圈)进行标记。

②无序列表始于（ul）标签，每个列表项始于（li）。

2，有序列表

①有序列表也是一列项目，列表项目使用数字进行标记。

②有序列表始于（ol）标签，每个列表项始于（li）标签。

3，定义列表：

①自定义列表不仅仅是一列项目，而是项目及其注释的组合。

②自定义列表以（dl）标签开始，每个自定义列表项以（dt）开始谨穗，每个自定义列表项的定义以

（dd）开始。

二，HTML简介：

1，超文本标记语言(Hyper Text 祥轿卜Markup Language)，标准通用标记语言下的一个应用。

2，HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必的。“超

文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文

本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主

体”部分提供网页的具体内容。

三，HTML标志标签:

1，（ul）（/ul）创建一个无序的列表，默认前面标有圆点，也可以自己设置为none或者其他形

状，如空心圆、方块等。（无序列表、外语全称：U norderedL ists）

2，（palign=""）将段落按左、中、右对齐。

3，（br/）定义新行。

4，（blockquote）（/blockquote）从两边缩进文本。

5，（dl）（/dl）定义列表（英文全称： Definition List）。

6，（dt）放在每个定义术语词前（定义术语、英文全称：D efinitionT erm）。

7，（dd）放在每个定义之前（定义说明、英文全称：D efinitionD escription）。

8，（p）（/p）创建一个段落（英文全称： Paragraphs）。

9，（li）放在每个列表项之前帆纤，若在（ol）（/ol）<><>之间，则每个列表项加上一个数字。

1.基础组件：

什么是组件：

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

，属性

用来修饰这个组件，内容

在两个标签之内。</li>

</ul>

2.属性类型

<ul>

<li>Boolean布尔值组件写上该属性，不管该属性等于什么，其值都为true

，只有组件上没有写该属性时，属性值才为false

。如果属李弊散性值为变量，变量的值会被转换为Boolean类型</li>

<li>Number数字1

, 2.5</li>

<li>String字符串"string"</li>

<li>Array数组[ 1, "string" ]</li>

<li>Object对象{ key: value } </li>

<li>EventHandler事件处理函数名"handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any任意属性</li>

</ul>

3.共同属性类型哪氏

id , class , style , hidden , data-* , bind* / catch*

4.特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰

5.组件列表

基础组件分为以下八大类：

视图容器(View Container)：

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content)：

icon 图标, text 文字, progress 进度条

表单(Form)：

button 按钮, form 表单， input 输入框， checkbox 多想选择器, radio 单选器， picker 列表选择器, slider 滚动选卜兄择器, switch 开关选择器, label 标签.

*** 作反馈（Interaction）

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image 图片， video 视频

** 地图 **

map 地图

画布Canvas

canvas 画布

flex: vt.折曲，使收缩； vi.玩去，收缩

---