XHTML의 태그들의 형식(type)
2005.08.05 ,
오후 04:08 
웹 디자인 
5 comments »
HTML에서 XHTML로 문서형식(Doctype)을 바꿀때, 반드시 지켜야 할 규칙들이 몇가지 있다. 그 중 한가지가 ‘XHTML의 모든 태그는 시작 태그와 상응하는 종료 태그를 사용해야 한다’는 것이다.
XHTML 태그들은 컨테이너 태그와 독립형 태그로 구분되는데, 컨테이너 태그에는 , <p></p> 등이 있으며, 독립형 태그는 <img />, <hr />등이 있다.
처음 XHTML을 사용하는 분들은 이런 XHTML의 컨테이너 요소와 독립형 요소를 구분하지 못함에 따라 실수를 하곤 한다. 대부분의 XHTML 요소들이 컨테이너 요소들이며, 독립형 요소들의 수는 매우 작다.
독립형 태그들 목록
- 문서의 메타 정보를 정의한다.- XHTML에 다른 파일을 연결(관계를 정의)한다.<br />- 문서의 행을 분리한다.<hr />- 문서에 수평선을 삽입한다.<img />- 문서에 이미지를 삽입한다.- 문서에 폼(라디오 버튼이나 텍스트 필드 같은 여러 종류의 폼)을 삽입한다.
독립형 태그로 혼동하는 컨테이너 태그 목록
- 문서 상단(header)에 링크로 사용하면서 한줄로 삽입할 때도 반드시 종료 태그를 사용해야 함.- 문서에 별도의 객체를 삽입할때 사용하며, 역시 한줄로 삽입할 때도 반드시 종료 태그를 사용해야 함.<div></div>- 장식용(내용이 빈) 태그로 사용할때도 반드시 종료 태그를 사용해야 함.
위의 독립형 태그로 혼동하는 컨테이너 태그 목록은, 내가 작업할 때 코딩을 줄이려고 독립형으로 사용했던 경험이 있는 컨테이너 태그들이다. 물론, 나만 이런 실수를 하라는 법이 없을 것 같아서 이렇게 글로 남겨본다.
태그들이 형식을 갖고 있을 줄이야.. 누가 알았겠는가? 
- TAG : tag, type, xhtml
- RSS : 매번 사이트에 방문하지 않아도 RSS로 편리하게 글을 구독할 수 있습니다.
- CCL : 이 저작물은 크리에이티브 커먼즈 라이센스에 의하여 이용할 수 있습니다.
Hooney라는 ID로 온라인에서 활동하는 조훈입니다. 
5개의 의견이 있습니다. | 당신의 의견을 바랍니다.
1.
일모리 ｜
2005.08.06 ,
오후 01:31 ·
permallink
몇가지 독립형 태그들 더 소개해 주세요 =]
4,5개 더 있는거 같네요. XHTML 1.1 기준으로,,
옛날에 validator 에 나온 에러들 보면서 공부했던 기억이 새삼스래 떠오릅니다. ㅎㅎ
2.
Hooney ｜
2005.08.06 ,
오후 02:03 ·
permallink
2개 더 있었던 것 같은데, 거의 사용하지 않던 태그들이라 그냥 생략했답니다.
3.
yser ｜
2005.08.06 ,
오후 09:16 ·
permallink
예전에 script 요소를 그냥 단독으로 /> 처리 했다가 화면에 아무 것도 안나와서 당황한 적이… (파폭에선 그래도 보여줍니다)
익스에선 /title> 도 안해주면 화면이 멀겋게 하얀색.. 아무 것도 안보여주더군요.
4.
eruhkim ｜
2005.08.11 ,
오후 12:08 ·
permallink
param, base
5.
Hooney ｜
2005.08.11 ,
오후 03:44 ·
permallink
eruhkim 님 감사합니다. base 태그는 xhtml1.1에서 지원하지 않죠? param은 object에 사용하는 것인데, 플래시 액션스크립트와 연동시킬 때 외에는 그다지 사용할 필요가 없는 것 같더라구요. ^^
당신의 의견을 기다립니다.
사용할 수 있는 HTML 태그 :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>