Home

공통규칙

• Naming은 영어 소문자로 시작한다

• Naming은 페이지명_상중하_좌우_형태(prefix) 로 한다

  • 페이지명 : main, aside
  • 상중하 : top (t), middle (m), bottom (b)
  • 좌우 : left (l), right (r)
  • 형태 : button (btn), div(box), ul(list), li(item), form(frm) ...
  • 예시 : main_t_l_btn

• 페이지 전체를 감싸는 container나 상중하, 좌우를 판별하기 어려운 경우에는 상중하 혹은 좌우를 생략 가능하다

  • 예시 : <div class="main_box">

• ID는 사용을 금지하고 class만 사용하며 필요할 경우 기존 class name에 __ 붙인 naming을 class modifier로 사용한다

  • 예시 : <div class="main_t_l_box main_t_l_box__">

형태(prefix)

prefix	약어	부가설명
타이틀	tit
사이드 네비게이션	snb	좌측 사이드 네비게이션
테이블	tbl
목록	list	ul,ol,li
아이콘	ico
폼	frm
버튼	btn
박스	box
선	line
배경	bg
텍스트	txt
링크	link