zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    Java 密钥库 证书 公钥 私钥
    Theos小例子
    armbian禁用zram
    常见JS混淆器和特征
    命令行工具收藏
    python中生成器的两段代码
    把mysql数据库从windows迁移到linux系统上的方法
    【转载】使用Flink低级处理函数ProcessFunction
    spark读取压缩文件
    SpringBoot系列——validation参数校验
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/9271347.html
Copyright © 2011-2022 走看看