【无标题】

结构标签

• header(双标签）
  • 头部标签
• main（双标签）
  • 一个整体的部分
• section（双标签）
  • 在main中一个较为完整的小部分
• footer
  • 页脚部分

图表注释

类似于Word中的图、表的注释

• figure(双标签）
  • 包裹住要注释的图表以及注释
• figcaption(双标签）
  • 该标签内写图表注释

<figure>
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
  <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
</figure>

效果展示：

Cats hate other cats.

组合表单

• filedset
  • 组合表单中的相关元素
• legend
  • legend 元素为 fieldset 元素定义标题（caption）

<fieldset>
   <legend>Is your cat an indoor or outdoor cat?</legend>
   <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
   <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>

效果展示

表单检查

• required
  • 要求必须填写数据