Gotcha 코딩 컨벤션

1. HTML

1.1 DTD의 선언

신규 HTML 문서를 작성할 때는 'HTML5'를 사용합니다.

<!DOCTYPE html>

1.2 들여쓰기

들여쓰기를 하면 코드의 가독성을 높이고, HTML 구조를 파악하기 쉽습니다.

들여쓰기는 tab을 사용하여 들여쓰기 합니다. space와 혼용하여 사용하지 않습니다.

1.3 HTML 작성법

1.3.1 DTD를 제외하고는 모든 요소와 속성은 소문자로 작성합니다.

<!-- Bad -->
<SPAN>test code</SPAN>

<!-- Good -->
<span>tesc code</span>

1.3.2 XHTML 규칙에 따라, 빈 태그에는 / 를 사용합니다.

<img src="img.png" alt="" />

1.3.3 목적에 맞는 태그를 사용합니다.

<button type="button">확인</button>
<a href="gotcha.co.kr">페이지 이동</a>

1.3.4 WAI-ARIA를 활용하여 웹 접근성을 높일 수 있도록 합니다.

<input type="text" aria-lable="이름" />

2. CSS