2.3.3 줄 바꿈과 들여쓰기
HTML 문서에 태그를 작성할 때는 되도록 줄 바꿈과 들여쓰기를 하는 것이 좋습니다. 이는 문법상 강제된 규칙은 아니고, 암묵적으로 지키는 규칙이라고 생각하면 됩니다.
그러면 왜 줄 바꿈과 들여쓰기를 해야 할까요? 이유는 코드의 가독성(可讀性) 때문입니다. 가독성은 얼마나 쉽게 읽히는가를 나타내는 정도를 뜻합니다. 좋은 HTML 문서는 코드의 가독성도 좋아야 합니다. 읽기 좋은 코드는 나중에 다시 코드를 확인하거나 수정해야 할 때 코드 전체 내용을 금방 파악할 수 있습니다.
줄 바꿈과 들여쓰기는 코드의 가독성을 높일 수 있는 가장 쉬운 방법입니다. 줄 바꿈과 들여쓰기만 잘해도 HTML 문서의 가독성은 확실하게 차이가 납니다.
앞에서 태그는 부모, 자식, 형제(더 나아가서는 조상, 자손) 관계가 있다고 했는데, 이러한 관계는 HTML 문서에서 줄 바꿈과 들여쓰기가 잘 됐다면 금방 파악할 수 있습니다. 예를 들어, 코드가 다음처럼 작성됐다고 해 봅시다.
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>
이렇게 줄 바꿈이나 들여쓰기가 되지 않은 코드는 태그의 부모, 자식, 형제 관계도 명확하게 보이지 않고 코드의 가독성도 떨어집니다. 따라서 여러분도 코드의 가독성을 해치지 않도록 줄 바꿈과 들여쓰기를 적절하게 사용하길 바랍니다.