1. 요소(element)와 속성(attribute)
문서 형식 정의(DTD)를 제외한 모든 요소(element)는 소문자로 작성합니다.
<!-- DTD(Document Type Definition): 문서 형식 정의 -->
<!DOCTYPE html>속성 값(attribute's value)은 큰따옴표("")로 묶습니다.
속성 명(attribute's name)과 속성 값 사이에는 공백이 없으며, 속성들 사이에 공백 한 칸으로 속성을 구분합니다.
2. 아이디(id)
아이디(id)는 스타일 지정을 위해 사용하지 않으며, DOM 조작을 위해 사용합니다.
한 아이디의 값은 문서 내에서 한번만 사용되며 클래스 값과 같지 않게 정합니다.
아이디 값은 고유 기능을 표현하도록 정합니다.
아이디 값은 첫 글자에 숫자, 특수문자, 대문자를 사용하지 않습니다.
아이디 값은 카멜 표기법(camel case) 또는 스네이크 표기법(snake case)을 사용합니다.
<!-- 카멜 표기법(camel case) -->
<div id="myHeader">...</div>
<!-- 스네이크 표기법(snake case) -->
<div id="my_header">...</div>
3. 클래스(class)
아이디와 시각적 구분을 위해 하이픈 표기법 을 사용합니다.
클래스 값은 요소 기능을 표현하도록 정합니다.
아이디 값과 마찬가지로 숫자, 특수문자, 대문자로 시작하지 않습니다.
클래스 값은 스네이크 표기법(snake case) 또는 케밥 표기법(kebab case)을 사용합니다.
<!-- 스네이크 표기법(snake case) -->
<div class="my_header">...</div>
<!-- 케밥 표기법(kebab case) -->
<div class="my-header">...</div>
4. 특수기호
특수기호는 엔티티 코드(entity code)를 사용하여 입력합니다.
엔티티 코드 보기
| 특수기호 | 엔티티 코드 | 엔티티 숫자 |
| (공백) | |   |
| < | < | ‹ |
| > | > | 7#8250; |
| ⓒ | © | © |
| ! | ! | ! |
| " | " | " |
| # | # | # |
| $ | $ | $ |
| % | % | % |
| & | & | & |
| ' | ' | ' |
| ( | ( | ( |
| ) | ) | ) |
| * | * | * |
| + | + | + |
| , | , | , |
| - | - | - |
| . | . | . |
| / | / | / |
| : | : | : |
| ; | ; | ; |
| = | = | = |
| ? | ? | ? |
| @ | @ | @ |
| [ | [ | [ |
| \ | \ | \ |
| ] | ] | ] |
| ^ | ^ | ^ |
| _ | _ | _ |
| ` | ` | ` |
| { | { | { |
| | | | | | |
| } | } | } |
| ~ | ˜ | ~ |
