-
Camel case:
- Ejm: elementName
-
Snake case:
- Ejm: element_name
Propiedad | Prefijo | Ejemplo |
---|---|---|
Background | bg | bg_home |
Button | btn | btn_small |
Image | img | img_transparent |
Icon | ico | ico_search |
Los nombres de IDs deben tener las siguientes características:
- Escritos en inglés
- Camel case
- Ser descriptivos
- Tener el prefijo establecido para elementos de formulario en la tabla de abajo.
Elemento | Prefijo | Ejemplo |
---|---|---|
Form | frm | frmRegister |
Button | btn | btnSearch |
Label | lbl | lblName |
InputText | txt | txtLastName |
InputPassword | txt | txtPassword |
InputHidden | hid | hidCounter |
Radio | rad | radSex |
Checkbox | chk | chkFilter |
Select | sel | selCountry |
TextArea | txa | txaMessage |
Submit | sbm | sbmSend |
Button | btn | btnCancel |
File | fil | filPhoto |
Table | tbl | tblTotals |
A | lnk | lnkModal |
La etiqueta "<a><a/>" podra recibir el prefijo lnk o btn dependiendo de la accion que realice. Por ejemplo si se comporta como un link se llamara lnk pero si se comporta como un boton se llamara btn. ########## REVISAR ##########
Los nombres de clases deben tener las siguientes características:
- Escritos en inglés
- Snake case
- Ser descriptivos
El primer atributo será el ID (si existe) seguido del resto en orden alfabético.
<a id="lnkListProducts" class="btn" href="javascript:;" title="Registrar Producto">
- Los nombres de clases que especifiquen su comportamiento deben estar precedidos por su padre:
<span class="btn btn_large">
- Usar doble comillas en los atributos
- Las etiquetas siempre deben ser cerradas
- Cada etiqueta debe estar en una linea
- La identación debe ser de 4 espacios con un tab?
- Usar type en las etiquetas de srcipt y link