더북(TheBook)

6.5.1.1 HTML 표현

기존 HTML과 다르게 화살괄호(< >)와 닫는 태그가 없습니다. 탭 또는 스페이스로만 태그의 부모 자식 관계를 규명합니다. 탭 한 번, 스페이스 두 번 또는 스페이스 네 번 모두 상관없습니다. 모든 파일에 동일한 종류의 들여쓰기를 적용하면 됩니다. 자식 태그는 부모 태그보다 들여쓰기되어 있어야 합니다. 들여쓰기에 오류가 있으면 제대로 렌더링되지 않으니 주의하길 바랍니다.

doctype html<!DOCTYPE html>과 같습니다. html, head, title 태그에서는 자식 태그일수록 한 단계씩 더 들여쓰기되어 있는 모습을 볼 수 있습니다. title= title 부분은 6.5.1.2절에서 다룹니다.

화살괄호가 없으므로 태그의 속성도 조금 다르게 표현합니다. 태그명 뒤에 소괄호로 묶어 적습니다.

퍼그

HTML

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
<!DOCTYPE html>
<html>
  <head>
    <title>익스프레스</title>
    <link rel="stylesheet" href="/style.css" />
  </head>
</html>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.