HTML最佳实践

一，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）