HTML和CSS、JavaScript规范 第一部分（HTML部分）

繁星点点 - 2022-07-14 06:00:02

---

表单元素的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”。

合理使用标签，语义化结构标签合理嵌套
a ，spam ，strong ，em ，p ，h1-h6等元素不能包含：div、ul、ol、dl、p严禁多div症、多span症、多table症，正确使用标签表现DOM结构，在文档去除css的情况下，任然具有结构和可读性，以下是html标记的使用规范：
p ：文本段落 dl ：定义列表，可包括标题和内容简介的列表
ul ：无序列表 ol ：有序列表 strong/em ：强调文本
h1-h6 ：文章标题、内容区块标题，根据重要性由大到小区分，h1一个页面只出现一次；
img ：图像。必须加上alt属性，当图像无法显示时，可表示图像信息，背景和按钮使用css处理，不使用img元素；
table ：数据网络，规则的分栏布局，尽可能显性的定宽和定高。合理化表单结构
A）使用fieldset元素包裹相同类别的字段。
B）使用legen元素表示 字段类别名称。
C）使用label表示字段文本，添加必要的for属性，以在点击字段文本时，文本框能获得焦点。
D）文本框不使用size属性定义宽度，而使用css的width属性。
E）添加maxlength属性限制输入字符的长度。严禁使用已在xhtml1.0中已移除的标签
s 、i 、b 、font

控制页面默认显示状态
使用js来控制和切换现实的区块、导航、tab，必须先用css处理DOM默认显示状态。

本文由博客一文多发平台 OpenWrite 发布！

Tags 标签

前端html5

扩展阅读