<li> | HTML列表项目标签的定义与用法

由 hcduguo

定义与用法

  • <li> 标签定义列表项目；
  • <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

有三种不同类型的HTML列表：

  1. 有序列表或编号列表（ol）
  2. 无序列表或项目符号列表（ul）
  3. 说明列表或定义列表（dl）

语法格式

<li>……</li>

示例代码

<ol>
 <li>Html教程</li>
 <li>Java教程</li>
 <li>JavaScript教程</li>
 <li>PHP教程</li>
 <li>Python教程</li>
</ol>

效果展示：

  1. Html教程
  2. Java教程
  3. JavaScript教程
  4. PHP教程
  5. Python教程
<ul>
 <li>Html教程</li>
 <li>Java教程</li>
 <li>JavaScript教程</li>
 <li>PHP教程</li>
 <li>Python教程</li>
</ul>

效果展示：

  • Html教程
  • Java教程
  • JavaScript教程
  • PHP教程
  • Python教程
<dl>  
  <dt>Html</dt>  
  <dd>一种用于创建网页的标准标记语言</dd>  
  <dt>Java</dt>  
  <dd>一门面向对象编程语言</dd>  
 <dt>JavaScript</dt>  
 <dd>一种解释型或即时编译型的高级编程语言</dd>  
  <dt>PHP</dt>  
  <dd>是一种通用开源脚本语言</dd>   
</dl>

效果展示：

Html
一种用于创建网页的标准标记语言
Java
一门面向对象编程语言
JavaScript
一种解释型或即时编译型的高级编程语言
PHP
是一种通用开源脚本语言

HTML 与 XHTML 之间的差异

  • 在 HTML 4.01 中，li 元素的 “type” 和 “value” 属性是不被赞成使用的。
  • 在 XHTML 1.0 Strict DTD 中，li 元素的 “type” 和 “value” 属性是不被支持的。

浏览器支持

所有主流浏览器都支持 <li> 标签。

标签属性

属性值描述
type1
A
a
I
i
disc
square
circle		HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。
valuenumber不赞成使用。请使用样式取代它。 规定列表项目的数字。

全局属性

<li> 标签支持 HTML 中的全局属性。

事件属性

<li> 标签支持 HTML 中的事件属性。

相关