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
'퍼블리싱 > HTML | CSS | Javascript' 카테고리의 다른 글
input file 커스텀 (0) | 2023.05.12 |
---|---|
커스텀 selectbox (0) | 2023.05.12 |
전체동의 체크박스 (회원가입 약관 등에 쓰임) (0) | 2023.05.12 |
웹접근성에 맞는 탭메뉴 (0) | 2023.05.12 |
브라우저 기본 스크롤바 커스텀 css (0) | 2023.05.12 |