홈페이지를 만들 때 화면 배치를 표(table)로 짜는 방식이 오랫동안 당연하게 쓰였습니다. 하지만 이제 '웹표준'에 맞춰 만들어야 한다는 목소리가 커지고 있습니다. 표로 짜던 것을 왜 바꿔야 하는지, 웹표준이 무엇이고 그것이 홈페이지에 어떤 차이를 만드는지 이야기합니다.

웹표준이 무엇이고 왜 중요한가?

결론부터: 웹표준은 홈페이지를 정해진 규칙(문법)에 맞게 만드는 것으로, 이렇게 만들면 여러 브라우저에서 똑같이 잘 보이고, 검색에 잘 잡히고, 수정과 관리가 쉬워지기 때문입니다. 표로 화면을 짜는 낡은 방식은 이 이점들을 얻지 못합니다.

웹표준 — 테이블 레이아웃을 벗어나야 하는 이유 — 내용과 디자인을 분리하는 웹표준

표로 화면을 짜는 방식의 문제

표(table)는 원래 '자료를 칸에 정리'하기 위한 것인데, 오랫동안 화면 배치를 위한 도구로 쓰여 왔습니다. 표 안에 표를 겹겹이 넣어 복잡한 배치를 만드는 식입니다. 당장은 화면이 그럴듯하게 나오지만, 여러 문제를 낳습니다.

우선 코드가 복잡하게 엉켜 나중에 수정하기가 매우 어렵습니다. 또 표로 짠 화면은 검색엔진이 내용을 파악하기 어렵고, 화면을 소리로 읽어주는 프로그램(시각장애인용)도 제대로 읽지 못합니다. 브라우저마다 다르게 보이는 문제도 잦습니다. 화려한 배치를 위해 표를 남용한 대가가, 관리·검색·접근성의 어려움으로 돌아오는 것입니다.

웹표준으로 만들면 달라지는 것

1. 어디서나 똑같이 보인다

정해진 규칙에 맞게 만들면 여러 브라우저에서 일관되게 보입니다. 브라우저마다 깨지는 문제가 줄어듭니다.

2. 검색에 잘 잡힌다

내용(콘텐츠)과 배치(디자인)를 분리해 만들면, 검색엔진이 내용을 명확히 읽습니다. 검색으로 발견될 가능성이 높아집니다.

3. 수정과 관리가 쉽다

배치를 별도로 관리하므로, 디자인을 바꿀 때 내용을 건드리지 않고 손볼 수 있습니다. 유지보수가 훨씬 수월합니다.

내용과 디자인을 분리한다는 것

웹표준의 핵심 아이디어는 '내용과 디자인의 분리'입니다. 표로 짜는 방식은 내용과 배치가 뒤엉켜 있어, 하나를 바꾸면 다른 것도 흔들립니다. 반면 웹표준 방식은 '무엇을 담을 것인가(내용)'와 '어떻게 보일 것인가(디자인)'를 따로 관리합니다. 내용은 순수하게 내용대로 두고, 디자인은 별도의 규칙(CSS)으로 입히는 것입니다.

이 분리가 많은 이점을 만듭니다. 디자인을 바꾸고 싶으면 디자인 부분만 손보면 되고, 내용은 그대로 유지됩니다. 검색엔진과 여러 기기는 순수한 내용을 쉽게 읽습니다. 하나의 내용을 다양한 화면에 다르게 보여주기도 좋습니다. 옷을 갈아입듯 디자인만 바꿀 수 있는 것 — 이것이 내용과 디자인을 분리한 웹표준의 힘입니다. 지금 당장은 표로 짜는 것이 익숙하고 빠를 수 있지만, 길게 보면 웹표준 방식이 훨씬 유리합니다.

지금 웹표준으로 가야 하는 이유

웹은 계속 발전하고 있고, 그 방향은 분명히 표준을 지키는 쪽입니다. 브라우저들도 점점 표준을 잘 지원하고, 검색엔진도 표준에 맞는 사이트를 잘 읽습니다. 앞으로 다양한 기기에서 웹을 보게 될수록, 표준에 맞게 만든 사이트가 유리해집니다. 낡은 방식을 고수하면 시간이 갈수록 뒤처집니다.

그래서 지금 새로 홈페이지를 만들거나 개편한다면, 웹표준에 맞게 만드는 것이 현명합니다. 당장의 편함보다 앞으로의 관리·검색·확장을 생각하면 표준이 답입니다. 물론 표준에 맞게 만들려면 제작자의 실력과 이해가 필요합니다. 그래서 홈페이지를 맡길 때 '웹표준을 지켜 만드는지'를 확인하는 것이 좋습니다. 표준을 지키는 것은 눈에 잘 안 띄지만, 홈페이지의 품질과 수명을 좌우하는 기본기입니다.

실제 사례 — 표준으로 바꿔 검색이 열린 회사

표로 짠 홈페이지를 가진 회사가 검색에 잘 안 잡혀 고민하고 있었습니다. 살펴보니 화면이 표와 이미지로만 짜여 있어, 검색엔진이 내용을 거의 읽지 못했습니다. 수정도 어려워 소식 하나 바꾸기가 큰일이었습니다. 웹표준에 맞춰 내용과 디자인을 분리해 다시 만들자, 검색엔진이 내용을 읽기 시작해 검색 유입이 생겼고, 관리도 훨씬 쉬워졌습니다. 낡은 방식을 벗어난 것이 만든 변화였습니다.

자주 묻는 질문

Q. 표로 짜는 방식이 왜 문제인가요?

코드가 엉켜 수정이 어렵고, 검색엔진과 화면 읽기 프로그램이 내용을 파악하기 어려우며, 브라우저마다 다르게 보이는 문제가 잦습니다. 화려한 배치의 대가가 관리·검색의 어려움으로 돌아옵니다.

Q. 웹표준으로 만들면 디자인이 제한되나요?

아닙니다. 표준을 지키면서도 얼마든지 자유롭고 화려한 디자인이 가능합니다. 오히려 디자인을 별도로 관리해 바꾸기 쉬워집니다. 표준과 좋은 디자인은 대립하지 않습니다.

Q. 기존 홈페이지도 표준으로 바꿀 수 있나요?

가능합니다. 다만 표로 엉킨 낡은 사이트는 부분 수정보다 새로 만드는 것이 효율적일 수 있습니다. 개편 시 웹표준에 맞게 만들면 이후 관리와 검색이 좋아집니다.

Q. 제작 업체가 표준을 지키는지 어떻게 아나요?

'웹표준을 지켜 만드는지', '내용과 디자인을 분리하는지'를 물어보세요. 좋은 제작자는 이 기본기를 갖추고 있습니다. 표준을 지키는 것이 홈페이지의 품질과 수명을 좌우합니다.

웹표준에 맞는 홈페이지가 필요하면 디자인러버스가 함께합니다.

Development.

웹표준 — 테이블 레이아웃을 벗어나야 하는 이유