【HTML并不简单】笔记3-你不知道的列表元素和html、body

《HTML并不简单：Web前端开发精进秘籍》张鑫旭 笔记

无序列表menu

<menu>元素可以看成是<ul>元素的平行替代，两者的语法及默认样式都是一致的，区别在于语义上。

<menu>用在可交互的列表上，而<ul>用在称述性的列表上，如：

• li中是链接元素<button>或按钮元素<a>，使用<menu>
• 否则使用<ul>

ol的其他属性

可以用CSS改变ol元素的序号类型，如想要大写ABC序号：

ol{
   
    list-style: upper-alpha;
}

但是这样不好。假设我希望有序列表的需要从3开始，或从C开始，怎么实现？下面将用几个html的属性实现。

type

ol的type属性可以用来定义有序列表的类型：

• a 表示小写英文字母编号
• A 表示大写英文字母编号
• i 表示小写罗马数字编号
• I 表示大写罗马数字编号
• 1 表示数字编号（默认）

编号类型适用于整个列表，除非在 <ol> 元素的 <li> 元素中使用不同的 type 属性。

css的list-style-type优先级高于type。

start和value

start和value属性可以指定有序列表的起始序号。start用在ol上，value用在li上。value优先级高于start。

<ol type="A" start="3">
	<li>aaa</li>
	<li>bbb</li>
</ol>