列表

无序列表ul

  1. <ul>
  2.       <li>内容1</li>
  3.     <li>内容2</li>
  4.     <li>内容3</li>
  5. </ul>

有序列表ol

start属性更改序号起始值
如果你想让你的列表项倒序显示，那么只需要在这个标签上写上reversed这个单词就行了。reversed这个单词翻译过来就是倒着的、反向的意思。

  1. <ol>
  2.       <li>内容1</li>
  3.     <li>内容2</li>
  4.     <li>内容3</li>
  5. </ol>

定义列表dl

  1. <dl>
  2.   <dt></dt><!--定义术语名-->
  3.   <dd></dd><!--解释和描述名词-->
  4.   <dd></dd>
  5. </dl>

列表嵌套

  1. <ol>
  2.       <li>
  3.         <ol>
  4.           <li>内容1</li>
  5.           <li>内容2</li>
  6.           <li>内容3</li>
  7.         </ol>
  8.       </li>
  9.     <li>内容2</li>
  10.     <li>内容3</li>
  11. </ol>

结构化元素

注：结构化元素可以用div替代

用于定义放在页头的内容
用于定义导航栏
用于定义中间文档
用于定义侧边栏
对内容进行分块
用于定义页面底部内容

分组元素

figure定义独立的流文件
figcaption为figure添加标题（都是双标签）
hgroup用于将多个标签组成一个标题组（通常与h1~h6一起使用）

页面交互元素

details用于描述文档或文档某处的细节
summary经常与details配合使用

  1. <details>
  2.   <summary>显示元素</summary>
  3.   <ol>
  4.       <li>内容1</li>
  5.     <li>内容2</li>
  6. </ol>
  7. </details>

progress用于表示任务完成进度（类似一个进度条）
value已经完成的量
max总共的量
meter表示指定范围内的数值（也类似一个进度条）
high 定义位于那个点被认定为高的值
low 定义位于那个点被认定为低的值
optimum 定义位于那个点被认定为最佳值的值
max 最大值min最小值
value 定义当前值

文本层次语义元素

time 定义时间和日期
datetime定义 相应的时间和日期
mark 在文本中高亮显示某些字符
cite 创建一个引用标签

全局属性

draggable 属性用来定义元素是否可以进行拖拽，默认false
hidden 属性用来定义元素是否被隐藏
spellcheck属性用于input元素和textarea文本框，对用户输入的元素进行拼写和语法检测
contenteditable 定义是否可编辑元素内容