结构标签
- 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>
效果展示:
组合表单
- 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
- 要求必须填写数据