语义化的作用在此我就不多说了,目前仅仅是为了记录平常自己容易忽视的地方
可以使用figure + figcaption实现图片+图注的效果,使页面的语义更加良好
<figure> <img src="./images/1.jpg" alt=""> <figcaption> 图片描述 </figcaption> </figure>在表单中可以使用fieldset标签给表单元素进行分组,legend标签用来定义表单标题。
<!-- 表单语义化 --> <!-- fieldset disabled属性可以禁用表单内部所有属性 --> <fieldset> <legend>title</legend> <p> <label for="name">account:</label> <input id="name" type="text"> </p> <p> <label for="psw">password:</label> <input type="text" id="psw"> </p> <div class="checkbox"> <label> <input type="checkbox" value=""> AI RoboForm Enterpris </label> </div> <button type="submit" class="btn btn-primary">Login</button> </fieldset>