id ・ class, 변수명, 함수명에서 의미가 직관적으로 드러나게 작성해야 한다. 코드는 쓰는 경우보다 읽히는 경우가 훨씬 많다.
주석은 코드로는 도저히 설명할 수 없는 내용을 주석으로 처리하는 것이 좋다. javascript의 경우 기능 설명은 함수명으로 할 수 있다.
Semantic Tag를 이용해서 HTML을 작성하면 사람과 웹 브라우저 모두 읽기 편해진다. 따라서, SEO 최적화, 접근성 향상, 가독성 높은 코드 등의 이점을 얻을 수 있다.
img 태그를 사용할 때는 아래와 같은 이유로 반드시 alt 속성을 부여해주어야 한다.
<img alt="logo" src="logo.png" />
CSS 속성은 레이아웃에 영향을 많이 주는 순서대로, 인접 속성끼리 묶어서 작성해주는게 좋다.
권장되는 속성 순서는 아래와 같다.
.enabled-btn {
cursor: pointer;
}
----------한 줄 띄우기----------
.disabled-btn {
cursor: default;
}
예) block 요소에 불필요하게 width:100% 를 부여하는 것
레이아웃을 구성할 때 부모요소의 높이를 미리 정해두고 자식요소의 크기를 정하는 top-down 방식이 아닌, 자식요소의 높이에 따라 부모요소의 높이가 유동적으로 결정되는 bottom-up 방식으로 구성해야 한다.