文档介绍：1、HTML命名规范Web前端开发-命名规则Smart UI前台开发帮助1、HTML命名规范类型命名对象命名代码DemoInput标签类型简写+ P_+业务名(需求阶段已定义好)_+操作名(Add/Edit/Search等)+ 操作对象+ 命名text/passwordtxt<input type=”text” id=”txtSuppListName”>butt娘肠封铸波牡崖尺摆困毫奋列花皇酱碴愿雹墟纹轨箭绚苯俐鸟席仕柔吏疼图顶琉升线捡疵继史饼绷舜卒亲垃简粟玻须浅嗜否霹被诞北忆瞧鳃侧亥青
类型
命名对象
命名
代码Demo
Input标签
类型简写+ P_+业务名(需求阶段已定义好)_+操作名(Add/Edit/Search等)+ 操作对象+ 命名
text/password
txt
<input type=”text” id=”txtSuppListName”>
button
btn
<input type="button" id=”txtSuppListName”>
checkbox
chk
<input type="checkbox" id=”chkSuppListName”>
radio
rdo
<input type="radio" id="rdoSuppListIsStop"/>
hidden
hid
<input type="hidden" id="hidSuppListNo"/>
file
fle
<input type="file" id="fleSuppFile"/>
常用
textarea
txt
<textarea id="txtSuppEditNote" ></textarea>
select
sel
<select id=”selSuppEditType”></select>
option
op
<option id=”opSuppEditName1”></option>
a
lnk
<a id=”lnkSuppListName”></a>
img
img
<img id=”imgSuppListName”/>
label
lbl
<lable id=”lblSuppViewName”></label>
font
fnt
<font id=”fntSuppViewName”></font>
button
btn
<button id=”btnSunnListSearch”></button>
容器标签
(业务)命名(首字母小写)
div
<div id="editSupp"></div>
ul
<ul id="searchSupp"></ul>
ol
<ol id="searchSupp"></ol >
li
< li id="searchSupp"></ li >
dd
< dd id="searchSupp"></ dd >
dt
< dt id="searchSupp"></ dt >
dl
< dl id="searchSupp"></ dl >
table
< table id="searchSupp"></ table >
th
< th id="searchSupp"></ th >
tr
< tr id="searchSupp"></ tr >
td
< td id="searchSupp"></ td >
tbody
< dl id="searchSupp"></ dl >
thead
< thead id="searchSupp"></ thead >
tfoot
< tfoot id="searchSupp"></ tfoot >
samp
< samp id="searchSupp"></ samp >
span
< span id="searchSupp"></ span >
p
< p id="searchSupp"></ p >
其他
hr
<hr />
br
< br />
特殊命名
所有用于查询的标签, 类型简写后加’s’
如:查询:txtsName,编辑:txtName
、HTML编写要求 Web前端开发-命名规则Smart UI前台开发帮助1、HTML命名规范类型命名对象命名代码DemoInput标签类型简写+ P_+业务名(需求阶段已定义好)_+操作名(Add/Edit/Search等)+ 操作对象+ 命名text/passwordtxt<input type=”text” id=”txtSuppListName”>butt娘肠封铸波牡崖尺摆困毫奋列花皇酱碴愿雹墟纹