HTML

Syntax
1. 들여쓰기는 2칸
2. 소문자만 사용
3. 후행공백 제거
4. 주석 
5. HTML5 사용
6. 멀티미디어 사용시 alt 속성으로 표기
  1. <img src = "spreadsheet.png" alt = "스프레드시트 스크린샷." >
7. 선택적태그를 생략합니다.
  
  권장하지않는 예시
  1. <!DOCTYPE html> <html> <head> <title> 돈 쓰기, 바이트 쓰기 </title> </head> <body> <p> Sic. </p> </body> </html>
  권장하는 예시
  1. <!DOCTYPE html> <title> 비용 절감, 바이트 절약 </title> <p> Qed.
8. type 속성
  1. 권장하지않음
    
    <link rel = "stylesheet" href = "<https://www.google.com/css/maia.css>" type = "text/css" >
  a-1. 권장하는 예시
  
  <link rel = "stylesheet" href = "<https://www.google.com/css/maia.css>" >
  
  b. 권장하지않음
  
  <script src = "<https://www.google.com/js/gweb/analytics/autotrack.js>" 유형 = "text/javascript" ></script>
  
  b-1. 권장하는 예시
  
   <script src = "<https://www.google.com/js/gweb/analytics/autotrack.js>" ></script>
9. 모든 블록, 목록 또는 테이블 요소에 새 줄을 사용하고 이러한 모든 자식 요소를 들여씁니다.
10. 속성 값을 인용할 때 큰따옴표를 사용하십시오.
  1. <a class = "maia-button maia-button-secondary" > 로그인 </a>

CSS

https://jigsaw.w3.org/css-validator/https://jigsaw.w3.org/css-validator/ →유효성 검사기
의미 있는 또는 일반적인 클래스 이름을 사용하십시오.
가능한 한 짧지만 필요한 긴 클래스 이름을 사용하십시오.
ID 선택자를 피하십시오.
유형 선택기로 클래스 이름을 한정하지 마십시오.
1. <ul class= ???></ul> 권장하지않음
선언을 알파벳순으로 지정합니다
모든 블록 콘텐츠를 들여씁니다.
모든 선언 뒤에 세미콜론을 사용하십시오.
속성 선택기 및 속성 값에 큰따옴표 ( '') 대신 작은 따옴표( )를 사용합니다.""
섹션 주석으로 섹션을 그룹화합니다(선택 사항).