如何指定 HTML5 列表中要使用的标记类型？

HTML 中有两种类型的列表，第一种是使用

标签创建的有序列表，第二种是使用

标签创建的无序列表。两个列表都应该有一个

标记来表示其中的数据。

有序列表以可数形式表示数据。这里的标记是数字。例如：

第 1 项
第 2 项
第 3 项

无序列表以不可数形式表示数据。这里的标记是一个圆盘。例如：

第 1 项
第 2 项
第 3 项

本文的目的是向您展示如何在不使用 CSS 的情况下更改标记。

有序列表标记：有序列表中有五种类型的标记，标记是使用 type 属性指定的。

句法：

列表项类型： HTML

类型属性。

Type	Description
type=”1″	List numbered with digits (Default)
type=”A”	List numbered with capital Alphabetic letters
type=”a”	List numbered with small alphabetic letters
type=”I”	List numbered with capital Roman letters
type=”i”	List numbered with small Roman letters

示例 1：让我们实现有序列表属性。

HTML



  

  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4

HTML



  

  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4

输出：

无序列表标记：无序列表中有三种类型的标记，标记是使用 type 属性指定的。

句法：

列表项类型： HTML

类型属性

Type	Description
type=”Disc”	For displaying the disc (Default)
type=”Circle”	For display the circle
type=”Square”	For display the Square
type=”Triangle”	For displaying the triangle (Do not use this, not supported by some browsers)

示例 2：让我们实现无序列表属性。

HTML



  

  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4
  
  
    Item 1
    Item 2
    Item 3
    Item 4

输出：

注意：此处浏览器不支持三角形类型，这就是为什么它显示圆盘而不是三角形的原因。