Div Element(DIVision marker)
'일반적인 언어나 스타일을 담는 용기(容器)인 Block Box라는 뜻이죠.
단순히 블럭태그류.
span 과 함께 div 는 대표적인 무의미한 블럭태그이며 span 이 좀더 문단과 관련한 태그.
div 태그가 안에 다른 태그도 넣기 편하고 모양도 잘 안깨지고 스타일시트를 적용하기 좋기 때문에 많이 사용.
아이프래임을 div 에 넣는 이유도 자리 배치가 용이하기 때문인데 이는 웹디하시는 분들이 스타일시트를 잘 몰라서 이런 현상이 일어난 것일 뿐.
실제로 div 에 스타일을 쓰듯이 iframe 에도 스타일을 쓰면 더 짧은 코드로 똑같은 결과를 얻을 수 있음에도 불구하고 모르기때문에 div 안에 넣는 것입니다.
(물론 다른 이유도 많이 있겠지만요. 아이프레임 겉,테두리를 예쁘게 꾸미기 위해서 div 안에 넣는 경우도 더러 있더군요..)
Div 와 Span의 차이점 하나
Div는 줄바꿈을 하고 Span은 줄바꿈이 없습니다.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<div style="width:150px;height:25px;background:red;"></div>
<div style="width:150px;height:25px;background:green;"></div>
<div style="width:150px;height:25px;background:blue;"></div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<span style="width:150px;height:25px;background:red;"></span>
<span style="width:150px;height:25px;background:green;"></span>
<span style="width:150px;height:25px;background:blue;"></span>
</BODY>
</HTML>
댓글 없음:
댓글 쓰기