guide.exe

●퍼블리싱 가이드

1. 공통 규칙
   • HTML 5 문서형을 기준으로 하며 문서 최상단에 DTD 선언을 한다.
   • 페이지에 걸맞은 언어를 lang 속성으로 지정한다.
   • meta 태그와 script 태그는 head 태그 안에 작성한다.
   • 특수 기호의 경우 entity 코드로 작성한다.
   • img 태그에 반드시 alt 값을 부여한다.
2. HTML 작성규칙
   • W3C validation 검사에 통과해야 한다.
   • 마크업의 중첩이 깊어질 때마다 1탭씩 들여쓰기 한다.
   • 가독성을 위해 코드 간 1줄씩 빈 줄을 만드는 것은 허용한다. 단, 빈 줄의 간격이 1줄을 초과해선 안 된다.
   • 한 HTML 문서 안에서 동일한 id 값을 두 개 이상 부여할 수 없다.
   • 모든 요소와 속성은 소문자를 사용한다.
3. CSS 작성규칙
   • CSS 파일은 각 페이지 폴더마다 HTML, JS 파일과 함께 넣는다. 단, 모든 페이지에 공통적으로 들어가는 header.css, normalize.css 등의 파일은 common 폴더에 넣는다.
   • 아이디/클래스 명은 영문 대문자, 숫자, 특수문자로 시작할 수 없다.
   • 이미지의 비율이 원본의 비율과 동일하도록 한다.
   • 마지막 선언된 속성에도 세미콜론(;)을 사용한다.
   • 속성 간 줄바꿈하지 않는다.
   • 객체를 구분하기 위하여 코드 간 1줄씩 빈 줄을 만드는 것은 허용한다. 단, 빈 줄의 간격이 1줄을 초과해선 안 된다.
   • 공통 선택자(*)는 사용하지 않는다.
4. 파일/폴더명
   • 메인 페이지, 가이드 페이지, 어바웃 페이지에 사용하는 이미지들은 root 폴더 바로 아래 images 폴더에 넣는다. 각 작품 페이지의 이미지들은 작품 폴더 안에 images 폴더를 생성하여 넣는다.
   • 누구나 알아볼 수 있도록 20자 이내의 짧고 직관적인 이름을 부여한다.