标签：search BMI 目的 check input 结构 bsp checkbox 方式
一，HTML最佳实践
1，在构建页面的时候，经常会要添加图片，但是图片是以<img>元素存在？还是背景图方式存在？
答：如果图片是作为页面内容的一部分，则应该使用<img>元素，如果图片是起装饰作用，则应该使用背景图方式。
2，给空标签中添加隐藏文字，用于说明标签的实际功能（一般设置text-indent来达到隐藏文字的目的如：text-indent:-9999px）
二，页面构建标题结构的最佳实践
（1）在页面内容的标题部分使用<hx>标签
（2）页面中只使用一个<h1>标签
（3）<hx>标签使用过程中不要调级
（4）不要单纯使用<hx>标签给内容设置样式
三，表单的构建最佳实践
html结构如下：
<form> <fieldset> <legend>Sign in to begin</legend> <label for="userName">User Name:</label> <input type="text" id="userName" name="userName" placeholder="" tabindex="1"/> <label for="password">Password:</label> <input type="text" id="password" name="password" placeholder="" tabindex="2"/> <input type="checkbox" id="staySigned" name="staySigned" tabindex="3"/> </fieldset> <input type="submit" value="Login" tabindex="4"/> </form>
（3）如有必要，給输入空间设置tab顺序
<input type="text" tabindex="2"/>
(4)使用HTML5引入的表单控件
HTML中引入多个输入控件的类型（如url、email、date、search和number）
标签：search BMI 目的 check input 结构 bsp checkbox 方式
原文地址：https://www.cnblogs.com/qianxunpu/p/9271347.html
