DOM 트리구조 & elements

행행·2022년 5월 14일
post-thumbnail

DOM 트리 구조

  • 텍스트 파일인 HTML 문서를 브라우저에서 렌더랑 하기 위한 구조
    • HTML 문서에 대한 모델을 구성함
    • HTML 문서 내의 각 요소에 접근 / 수정에 필요한 프로퍼티와 메서드를 제공함
<body>
    <h1>웹문서</h1>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
    </ul>
</body>

요소(elements)

  • HTML 요소는 시작 태그와 종료 태그 그리고 태그 사이에 위치한 내용으로 구성

  • 내용이 없는 태그들

    • br, ht, img, input, link, meta
  • 요소는 중첩 될 수 있음

    • 요소의 중첩을 통해 하나의 문서를 구조화
    • 여는 태그와 닫는 태그의 쌍을 잘 확인해야함
      • 오류를 반환하는 것이 아닌 그냥 레이아웃이 깨진 상태로 출력되기 때문에, 디버깅이 힘들어 질 수 있있음
profile
성장하려고 분투 중인 개발자

0개의 댓글