테이블 형태 웹페이지를 반응형으로 수정하는 방법
본문
안녕하세요.
독학으로 HTML과 CSS를 공부하고 있는 사람입니다.
모든 페이지가 테이블 형태로 이루어진 홈페이지를 반응형으로 수정하고 싶습니다.
div 태그를 사용하여 다시 만들어 주는 것이 좋을까요
아니면 기존의 테이블 태그들을 css로 수정하여 반응형으로 만드는 것이 좋을까요??
조언 부탁드리겠습니다.
답변 3
div 태그를 사용하여 새로 만들어 주는 것이 좋습니다.
table 태그가 표의 형태를 컨텐츠로 사용된 경우라면, 반응형 사이트에서도 해당 태그를 사용하는 것이 괜찮습니다.
table 태그를 레이아웃 목적으로 사용된 경우라면,
반응형으로 처리하기 어렵고 권장되는 방법이 아니기도 합니다.
새로 만드는 것을 추천합니다.
최근에는 반응형 사이트를 만들기 쉽도록 제공되는 프레임워크도 많으니 사용하는 것을 참고해 볼 수 있습니다.
아ㅠ ㅠ 그렇군요... 혹시 테이블이 레이아웃 목적으로 사용된 홈페이지는 검색엔진최적화에도 안좋은 영향을 미치나요?
해당부분과 관련해서는 자세히 알고있지는 못합니다.
개인적인 생각으로는 검색엔진 최적화 관련 큰 영향을 미치는 부분은 아니라고 생각됩니다.
다만, 작은 영향 정도는 있을 수 있습니다. 반응형 웹사이트를 권장, 추천 정도.
저는 div로 새로 만드는건 무리가 많다고 생각하구요
기존에 보이는 테이블의 컬럼들중 감추어도 무방한 내용들은
반응형으로 감추는것도 방법입니다.
그리고, 글씨 사이즈도 줄여주고
컬럼에서 남겨야하는것들은 비율을 재정리 해주는게 좋지 않을까.
하는 의견입니다.
그렇군요! 답변 감사합니다~
