HTML+CSS篇
语义化
语义化的作用在此我就不多说了,目前仅仅是为了记录平常自己容易忽视的地方
可以使用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>