본문 바로가기

퍼블리싱/HTML | CSS | Javascript

코드작성규칙

1. 태그 순서
type - id - title - class - style

2. a태그 새창 오픈시 target="_blank" 및 title="xxx 페이지 새창으로 열림" 표기

3. a태그로 tab menu등 구현시 클릭후 포커스 이동 않게 반드시 처리
ex) <a href="#tabMenu" onclick="return false;">

4.  제목과 열 제목이 있는 경우 이에 대한 scope 속성을 사용
(thead 안에 th의 경우 scope="col" , tbody 안에 th의 경우 scope="row" 적용)

5. 넓이 조정시 w100, w100p 등으로 조정. 

6. 네이밍의 조합은 '형태_의미_순서_상태' 또는 '형태_의미&순서_상태'을 기본 순서로 사용

7. 코드 그룹 간 1줄의 빈 줄, 두개 이상의 요소에 하나의 스타일을 지정하는 경우 쉼표(,) 뒤로 줄바꿈.

8. 속성은 형태 - 흐름 - 위치 - 크기 - 박스모델 - 글자 - 기타 - 배경 순으로 지정한다 (되도록이면)

728x90