수다닷컴

마크업 작업할 때 table과 dl(또는 ol) 중 어떤 게 나을까요?

콩쑨 2026.04.24 댓글 7

마크업 구조 때문에 고민이에요.
파란 부분이 옆이나 아래 회색 부분의 제목이고, 내용에 따라 각 항목의 높이와 너비가 자동으로 조정돼야 해요.
데이터 형태라 table로 짜는 게 맞을지, 제목과 내용을 1:1로 연결해서 ol과 li로 만드는 게 나을지 모르겠어요.
항목 순서와 줄 배치도 유지해야 하는데, 여러분이라면 어떻게 마크업하시겠어요?

댓글 7

  • 세리 2026.04.24

    겉모양만 보면 괜찮아도 스크린 리더로 읽을 때 헷갈릴 수 있을 것 같아요.
    내용이 표 형태라면 table이 나을 것 같아요.

  • 그댸와나 2026.04.24

    댓글 감사합니다 ㅎㅎ 잘못 알고 있었나 봐요.
    이제 list로 해달라는 분들께도 이유를 설명할 수 있겠네요!

  • 든해솔 2026.04.24

    th에는 제목, td에는 그에 맞는 내용을 넣으면 괜찮습니다.

  • 종달 2026.04.24

    그렇군요! 게시판 목록에 익숙해서 그게 정석인 줄 알았어요.
    table로 편하게 작업하면 되겠네요.

  • 이루리 2026.04.24

    table로 해도 구조가 이상하지 않아요.

  • 튼싹 2026.04.24

    데이터라고 생각해서 table로 했는데 구조가 th, td가 반복돼서 조금 어색해 보여요.
    그렇다고 전부 td로 바꾸고 레이아웃용 table로 쓰자니 내용은 데이터라 고민되네요.

  • 한지잠 2026.04.24

    내용에 따라 다르겠지만 표처럼 보이면 table을 쓰면 됩니다.