in 웹 디자인

XHTML의 태그들의 형식(type)

HTML에서 XHTML로 문서형식(Doctype)을 바꿀때, 반드시 지켜야 할 규칙들이 몇가지 있다. 그 중 한가지가 ‘XHTML의 모든 태그는 시작 태그와 상응하는 종료 태그를 사용해야 한다’는 것이다.

XHTML 태그들은 컨테이너 태그와 독립형 태그로 구분되는데, 컨테이너 태그에는 ,

등이 있으며, 독립형 태그는 ,


등이 있다.

처음 XHTML을 사용하는 분들은 이런 XHTML의 컨테이너 요소와 독립형 요소를 구분하지 못함에 따라 실수를 하곤 한다. 대부분의 XHTML 요소들이 컨테이너 요소들이며, 독립형 요소들의 수는 매우 작다.

독립형 태그들 목록

  • – 문서의 메타 정보를 정의한다.
  • – XHTML에 다른 파일을 연결(관계를 정의)한다.

  • – 문서의 행을 분리한다.


  • – 문서에 수평선을 삽입한다.
  • – 문서에 이미지를 삽입한다.
  • – 문서에 폼(라디오 버튼이나 텍스트 필드 같은 여러 종류의 폼)을 삽입한다.

독립형 태그로 혼동하는 컨테이너 태그 목록

  • – 문서 상단(header)에 링크로 사용하면서 한줄로 삽입할 때도 반드시 종료 태그를 사용해야 함.
  • – 문서에 별도의 객체를 삽입할때 사용하며, 역시 한줄로 삽입할 때도 반드시 종료 태그를 사용해야 함.
  • – 장식용(내용이 빈) 태그로 사용할때도 반드시 종료 태그를 사용해야 함.

위의 독립형 태그로 혼동하는 컨테이너 태그 목록은, 내가 작업할 때 코딩을 줄이려고 독립형으로 사용했던 경험이 있는 컨테이너 태그들이다. 물론, 나만 이런 실수를 하라는 법이 없을 것 같아서 이렇게 글로 남겨본다.

태그들이 형식을 갖고 있을 줄이야.. 누가 알았겠는가? 🙂

댓글 남기기

  1. 몇가지 독립형 태그들 더 소개해 주세요 =]
    4,5개 더 있는거 같네요. xhtml 1.1 기준으로,,

    옛날에 validator 에 나온 에러들 보면서 공부했던 기억이 새삼스래 떠오릅니다. ㅎㅎ 😉

  2. 예전에 script 요소를 그냥 단독으로 /> 처리 했다가 화면에 아무 것도 안나와서 당황한 적이… (파폭에선 그래도 보여줍니다)

    익스에선 /title> 도 안해주면 화면이 멀겋게 하얀색.. 아무 것도 안보여주더군요.

  3. eruhkim 님 감사합니다. base 태그는 xhtml1.1에서 지원하지 않죠? param은 object에 사용하는 것인데, 플래시 액션스크립트와 연동시킬 때 외에는 그다지 사용할 필요가 없는 것 같더라구요. ^^