zoukankan      html  css  js  c++  java
  • HTML编码规范(转)

    一、控件使用规范

    1.1 img控件

      alt:所有展示类图片都要具有能简要描述图片内容的文字说明。

    1.2 Input控件

      maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度。

      readonly:所有不可更改的信息都要使用readonly属性。

    1.3 Form控件

      action:所有Form都要指定action,如果提交给本身就指定action=""

      method:执行不可逆动作使用POST,可逆动作使用GET

      onsubmit:所有form都要指定提交前需要的检查程序。

      所有form都要有对应的reset button。

    1.4 button控件

      onclick:form中用于提交的button不容许使用此方法,所有数据检查通过form的onsubmit激活。

    1.5 title属性

      所有页面都要具有和本页标题相同的title。

    1.6 控件属性赋值

      所有控件的属性值都要使用双引号或者单引号包括起来。

    二、控件的命名规范

      采用控件类型缩写(小写)+英文单词(第一个字母大写)的方法。

      开发中控件基本涉及一下几类 
      * text输入框:txt

      * button按钮:btn

      * select下拉选择框:sel

      * option项:opt

      * form表单:frm

      * frame框架:fra

      * hidden表单项:hdn

      * div标记:div

      * span标记:span

      * 对话框对象:dlg

      * 窗口对象:win 

    三、语言设置

      所有中文页面都要加上如下语句:

      <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

    四、 标记的换行规范  

      一个标记必须占用一行。不得出现两个标记在同一行的情况(同一标记的关闭标记除外),如: 

      <tr><td>text</td></tr>

      而必须写成:

      <tr>

       <td>text</td>

      <tr> 



    五、 标记的关闭规范

      静态文件内容必须包含在<body></body>标记中间

      <body>标记必须包含在<html></html>标记中间

      对于需要关闭的标记,如: 

        <html><title><body><table><tr><td><p><textarea><select><font><option><div><span> 

      必须同其关闭标记同时出现。如 

        <body>…<p>…<font>….</font>….</p>…..</body>

      不得出现交叉包含的语句,如:

        <p><font>…..</p></font> 

    六、 标记的属性赋值规范 

      对于接受属性的标记,属性值必须使用双引号或者单引号包围。如:

        <body bgcolor=”red”> <font size=’7’> 

    七、 标记的缩进规范 

      最高一级的父标记采用左对齐顶格方式书写。

      下一级标记采用左对齐向右缩进一个Tab的方式书写 

      在下一级依此类推,分别左对齐相对于父标记向右缩进一个Tab的方式书写 

      同一级标记的首字符上下必须对齐。

  • 相关阅读:
    《Go并发编程实战》读书笔记-初识Go语言
    使用Nexus配置Maven私有仓库
    Maven 本地资源库配置
    Django 2.2.x版本的ORM API实战案例
    在Mac OS环境下安装MySQL服务
    Pycharm搭建Django开发环境
    Hadoop生态圈-单点登录框架之CAS(Central Authentication Service)部署
    Ambari集成Kerberos报错汇总
    Hadoop生态圈-开启Ambari的Kerberos安全选项
    Hortonworks官网文档怎么找?
  • 原文地址:https://www.cnblogs.com/yangpan/p/3583623.html
Copyright © 2011-2022 走看看