코딩컨벤션

[html]

1.네이밍 규칙

• 스네이크 케이스 (ex. main_title)

• 영역에 따른 규칙
  .container - 헤더와 푸터를 제외한 영역
  .section - 컨텐츠 분할 영역
  .wrap - 컨텐츠를 감싸고 있는 영역 (일반영역의 묶음으로 사용)
  .area - wrap 보다 작은 영역
  .box - area 보다 작은 영역
  .inner - wrap, box 등의 안을 감싸는 영역
  .aside - 주요 컨텐츠 외 남은 영역

• 상태별 네이밍
  .on/.off
.active

• 형태별 네이밍
  .tit - 타이틀
  .sec01 - 타이틀을 가진 영역 (확장성을 위해 sec01, sec02 등으로 작성)
  .gnd - 네비게이션 영역 메뉴
  .tab - 탭
  .list - 리스트
  .icon - 아이콘
  .line - 선
  .btn - 버튼
  .prog - 프로그래스 바
  .desc - 상세내용
  .txt - 텍스트
  .num - 숫자
  .popup - 팝업

• 위치별 네이밍
  .top - 상단
  .mid - 중간
  .bot - 하단
  .left - 왼쪽
  .right - 오른쪽
  .prev - 이전
  .next - 다음