Skip to content
조회 수 4841 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<!DOCTYPE html>
<html>
<body>
<h1>제목</h1>
<p>단락</p>
</body>
</html>


위와 같은 HTML 웹페이지의 구조를 시각화하면 아래와 같은 모양이 됩니다.


<html>

<body>

 <h1>제목</h1>



<p>단락</p> 


</body> 


</html> 



이와 같은 DOM(문서 객체 모델) 트리의 최상위 요소는 <html> 요소입니다.


<html> 요소는 항상 최상위에 존재하며 <head> 요소와 <body> 요소를 가집니다.

 

<head> 요소는 웹브라우져의 제목을 지정하는 <title> 요소를 가지며 보통 <script> 요소나 <link> 요소 등을 포함하며


<body> 요소 역시 여러 요소를 가질 수 있으며 위의 예제에서는 <h1> 요소, <p> 요소를 가지고 있습니다.

 

이러한 DOM 트리는 스크립트를 통해 제어할 수 있으며  각각의 요소는 객체로 존재하고 API를 통해 제어할 수 있습니다.

?

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5