1.列表标签

• 场景：在网页中按照行展示关联性的内容，如：新闻列表、排行榜、账单等

• 特点：按照行的方式，整齐显示内容

• 种类：无序列表、有序列表、自定义列

1.1 无序列表-没有可以顺序的列表

• 场景：在网页中表示一组无顺序之分的列表，如：新闻列表

• ul标签 unordered lists的缩写

• li标签, list item的缩写 ul和li标签

• 无序列表使用 ul 标签，每个列表项都是 li
• li不能单独使用，它必须放到<ul>或者<ol>中使用
• <ul>的子标签只能是<li>，绝对不能出现其它任何标签
• li 标签是容器，内部可以放任何其他标签

1.2 有序列表

• 场景：在网页中表示一组有顺序之分的列表，如：排行榜。

• ol标签, ordered lists的缩写

• li标签, list item的缩写 ol和li标签

• 有序列表使用 <ol></ol> 标签，每个列表项都是 <li></li> 标签
• 注意事项：

1. <li> 标签不能散着放，它必须是 <ol> 标签或者 <ul> 标签的子标签
2. <ol> 的子标签只能是 <li> 标签
3. <li> 标签中可以放任何东西

1.3 定义列表

• dl标签, definition lists的缩写, 自定义列表

• dt标签, definition term的缩写, 自定义列表项

• dd标签, definition description的缩写, 自定义列表项描述 dl dt dd 标签

• dl 是定义列表标签, 内容交替出现 dt, dd
• 允许 dt 和 dd 不交替出现, 而是分别处于不同的定义列表中

2. 音频和视频

2.1 音频-- audio 标签/video标签

• 常用的音频格式——mp3 和 ogg 格式 /常用视频格式——mp4、ogv、webm autoplay属性
• 声明 autoplay 属性，音频会自动播放。（常用的浏览器为了不打扰用户，可能会不允许自动播放音乐，必须让用户手动点击之后才能播放） loop属性
• 声明 loop 属性，将循环播放音频