3. HTML 문서

• 최초의 웹 페이지
• Hypertext 활용
  • 다른 대상에 대한 링크가 들어있는 텍스트
    
    
  • HTML의 부등호 (<>)
    • 마크업 엘리먼트를 시작
    • 시작 + 끝
      • 끝 필요없는 tag 존재!
    • tag는 브라우저가 마크업 엘리먼트를 어떻게 해석할지 결정
      • <b>와 <big> 은 "Cool!" 의 굵기 (bold) 와 큰 글꼴 (big) 으로 표시
    • 부등호의 기능을 빼았기 위해서 -> 엔티티 참조 사용: <
    • tag의 attribute 요소 포함 가능!
      • class를 제외하면 모든 attribute은 똑같이 (문자열) 취급!
      • class는 공백으로 서로 분리된 값의 리스트로 취급!
        

4. DOM: 문서 객체 모델

• 웹 브라우저는 문서를 문서 객체 모델 (DOM, Document Object Model)에 따라 처리
• DOM: 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결 (MDN)
  
  

1. 트리 관련 용어

• 트리의 노드는 순서가 정해져 있다.
  • html 첫 번째 자식: head
  • html 두 번째 as 마지막 자식: body
    

2. DOM 처리

• 브라우저가 문서 트리로 하는 일: 깊이 우선 순회
  
• 루트 -> 첫 번째 자식 -> 첫 번째 자식's 첫 번째 자식 -> ... -> 종단 노드 -> 종단 노드's 부모 -> 다음 자식 -> ... -> 부모 -> 방문한 적 없는 자식 -> ...
• 방문 순서 = HTML 작성 순서