Java教程

HTML和CSS、JavaScript规范 第一部分(HTML部分)

本文主要是介绍HTML和CSS、JavaScript规范 第一部分(HTML部分),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

表单元素的id必须加以下前缀

label: lbl text:txt password:txt textarea:txt file:txt
radio: rad checkbox:chk submit:btn reset:btn
button:btn hidden: hid

用于结构布局的元素id命名

主容器: main 页头:header 页脚:foote 内容区域:content
LOGO: logo 主导航:main-nav 二级导航:sub-nav

name命名

一般用于表单元素,根据当前元素id属性值命名,去掉id属性值的前缀和所有连接符,使用骆驼式命名法命名,例如:id=“txt-id-card”,那么name=“idCard”。

合理使用标签,语义化结构

  1. 标签合理嵌套
    a ,spam ,strong ,em ,p ,h1-h6等元素不能包含:div、ul、ol、dl、p
  2. 严禁多div症、多span症、多table症,正确使用标签表现DOM结构,在文档去除css的情况下,任然具有结构和可读性,以下是html标记的使用规范:
    p :文本段落 dl :定义列表,可包括标题和内容简介的列表
    ul :无序列表 ol :有序列表 strong/em :强调文本
    h1-h6 :文章标题、内容区块标题,根据重要性由大到小区分,h1一个页面只出现一次;
    img :图像。必须加上alt属性,当图像无法显示时,可表示图像信息,背景和按钮使用css处理,不使用img元素;
    table :数据网络,规则的分栏布局,尽可能显性的定宽和定高。
  3. 合理化表单结构
    A)使用fieldset元素包裹相同类别的字段。
    B)使用legen元素表示 字段类别名称。
    C)使用label表示字段文本,添加必要的for属性,以在点击字段文本时,文本框能获得焦点。
    D)文本框不使用size属性定义宽度,而使用css的width属性。
    E)添加maxlength属性限制输入字符的长度。
  4. 严禁使用已在xhtml1.0中已移除的标签
    s 、i 、b 、font
  5. 控制页面默认显示状态
    使用js来控制和切换现实的区块、导航、tab,必须先用css处理DOM默认显示状态。
这篇关于HTML和CSS、JavaScript规范 第一部分(HTML部分)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!