我如何以语义方式将标签分组?例如:
如果我正在制作有关喜欢的食物的表格,如:
<form>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
<input type="submit" name="submit" value="submit">
</form>
我应该在它们前面加上<h2>Favorite foods</h2>
,还是在语义上还有其他合适的标记?
这个问题很笼统,可以归结为偏好,但是您可以使用fieldset
标记对字段进行分组,然后使用legend
标记作为标题。
<form>
<fieldset>
<legend>Favorite Foods</legend>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
</fieldset>
<input type="submit" name="submit" value="submit">
</form>