使用标签承载内容

结构

• head
  • title
  • meta
• body

文本

• 标题和段落
  • h1 ~ h6
  • p
• 上标和下标
  • sup
  • sub
• 空白（白色空间折叠）
• 折行和水平标尺
  • br
  • hr
• 语义化标签
  • 加粗和强调 - strong
  • 引用 - blockquote
  • 缩写词和首字母缩写词 - abbr / acronym
  • 引文 - cite
  • 所有者联系信息 - address
  • 内容的修改 - ins / del

列表（list）

• 有序列表（ordered list）- ol / li
• 无序列表（unordered list）- ul / li
• 定义列表（definition list）- dl / dt / dd

链接（anchor）

• 页面链接
• 锚链接
• 功能链接

图像（image）

• 图像存储位置

  

• 图像及其宽高

• 选择正确的图像格式

  • JPEG
  • GIF
  • PNG

• 矢量图

• 语义化标签 - figure / figcaption

表格（table）

• 基本的表格结构 - table / tr / td
• 表格的标题 - caption
• 跨行和跨列 - rowspan属性 / colspan属性
• 长表格 - thead / tbody / tfoot

表单（form）

• 重要属性 - action / method
• 表单控件（input）- type属性
  • 文本框 - text / 密码框 - password / 数字框 - number
  • 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
  • 单选按钮 - radio / 复选按钮 - checkbox
  • 文件上传 - file / 隐藏域（埋点）- hidden
  • 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
• 下拉列表 - select / option
• 文本域（多行文本）- textarea
• 组合表单元素 - fieldset / legend

音视频（audio / video）

• 视频格式和播放器
• 视频托管服务
• 添加视频的准备工作
• video标签和属性 - autoplay / controls / loop / muted / preload / src
• audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster

其他

• 文档类型

• 注释

• 属性

  • id
  • class

• 块级元素 / 行级元素

• 内联框架（internal frame）

• 字符实体（实体替换符）