본문 바로가기
웹표준

인라인(inline) ,블록(block) ,그룹(group)엘리먼트

by 샷타이거 2009. 10. 25.

엘리먼트의 종류 inline , block ,group

block 엘리먼트

h1, h2,h3...p, ul,ol,li,form,div등이 있다.
한블록을 차지한다,즉 <h1></h1><p></p>이러면 두엘리먼트가 두 층으로 쌓인다.
인라인 엘리먼트를 내부에 포함한다.

inline 엘리먼트

span,em,img, strong, a등이 있다.
한줄을 차지한다.워드프로그램에서 엔터를치지않는한 이어지듯이 인라인 엘리먼트역시 한줄로 이어진다.
img엘리먼트로 두그림을 넣었다고 가정해보자. 두그림은 연이어 보여질것이다.

group 엘리먼트
div,span엘리먼트를 특별히 칭하는말이다. 엘리먼트나 텍스트 데이터를 그룹으로 묶을 수 있는 기능을 가진 엘리먼트이다. 앞서 말했듯이 div는 블록 엘리먼트고 span은 인라인엘리먼트이다 이 점에서유의해야한다.


웹표준에 따른 제대로된 마크업을 위한 주의사항

블록엘리먼트안에 인라인엘리먼트가 들어가지만 인라인엘리먼트안에는 블록 엘리먼트가 들어가면 안된다.

그룹 엘리먼트도 그 점에서 주의해야 한다 별도로 그룹이라 칭한것이지 div,span은 그전에 각각 블록, 인라인엘리먼트다.

또 모든 블록엘리먼트가 모든 블록을 포함할수도 없다.

댓글