HTML 테이블 태그는 어떻게 되었습니까?

1998 년에 HTML을 코딩하기 시작했고 그 당시 tr과 td를 가지고 많은 테이블 태그를 사용했고, 인터넷에서 메모장과 Microsoft FrontPage를 사용하여 많은 포털의 소스 코드를 분석하는 많은 것을 배웠습니다. 얼마나 많은 테이블이 다른 테이블과 겹치는 지 재미있었습니다.

그러나 나는 거의 7 년 동안 웹 프로그래밍을 포기했고 올해는 오늘날 웹 프로그래밍이 어떤 것인지보기로 결정했습니다. 대부분의 사이트는 테이블 태그를 사용하지 않고 div 및 span 태그를 사용하므로 완전히 다른 것처럼 보입니다.

왜 이런 일이 일어 났습니까? 이 새로운 태그는 무엇이며 왜 테이블 태그가 더 이상 사용되지 않습니까?

월드 와이드 웹 컨소시엄 (W3C)이 처음 개발 캐스 케이 딩 스타일 시트 사양을 1996 년 12 월 캐스 케이 딩 스타일 시트 (CSS) 근본적으로부터 진화하고 인기있는 사이트 중 일반적인 프리젠 테이션 데이터에서 HTML 콘텐츠의 분리를했다.

오늘날의 사이트는 여전히 원하는 효과를 얻기 위해 인라인 스타일 선언에 의존 할 수 있지만 프리젠 테이션 데이터 (요소 높이, 너비, 패딩, 여백, 절대 위치 등)를 여러 HTML이 참조하는 단일 CSS 파일에 포함하는 것이 훨씬 더 효율적입니다 프리젠 테이션이 변경 될 때 HTML 컨텐츠의 모든 인스턴스를 업데이트하는 것보다

CSS의 브라우저 채택은 하룻밤 사이에 발생하지 않았기 때문에 (일부 주요 사이트는 2000 년대까지 다양한 브라우저에서 균일 한 프리젠 테이션을 달성하기 위해 여전히 테이블에 의존하고) 일부 브라우저는 W3C CSS 사양의 구현 방식이 계속 다릅니다. CSS1을 지원하지 않는 브라우저는 매우 드물기 때문에 크로스 브라우저 호환 프리젠 테이션을 달성하기 위해 테이블을 사용하는 사이트는 거의 없습니다.

CSS 및 표준에의 그 두려워 12 개 수업 떨어져 목록에서 (2006 년 출판) 기사와 검토 W3C의 CSS 스냅 샷은 당신에게 테이블 기반 레이아웃으로의 전환에 따라 잡을 좋아하면 포인트를 시작하는 좋은 수 있습니다 CSS.

웹 개발 진화의 전체 역사에 들어 가지 않고 ...
테이블은 페이지 레이아웃을 수행하기위한 것이 아닙니다. 이것은 가장 중요한 부분입니다. 이러한 방식을 사용하는 것은 불완전한 사양과 사용할 수없는 브라우저 모두 당시의 기술에 의해 해결 된 해결 방법이었습니다. 결국 이러한 문제는 (대부분) 해결되었으며 이제는 더 이상 필요하지 않습니다.

SE 사이트는 일반적으로보다 실용적인 질문입니다. 어떻게해야합니까?하지만 더 자세한 내용을 원한다면 초보자 수준의 많은 HTML 서적 (그리고 모든 것을 처음부터 시작한 것 같음)은 소개 자료로서 요구하는 것에 대한 요약 된 개요를 가지고 있습니다.

테이블은 여전히 ​​html spec에 존재합니다. 그러나 데이터를 표 형식으로 표시하는 데 사용해야합니다! (테이블 마크 업은 다소 발전했지만, 열 및 그룹 레이블은 합리적인 방식으로 적용하기가 다소 쉬워졌습니다).

웹 페이지에 쓰려는 그림과 뉴스 컨텐츠가있는 경우 다른 사람들이이 질문에 대해 설명하는 이유를 잘 설명해야합니다.

한 페이지에 개월 계정을 표시하려면 반드시 테이블을 사용하여이를 수행해야합니다.

몇 년 전 (그리고 여전히 IE 6을 지원한다면) 테이블은 모든 브라우저에 동일한 레이아웃을 지정하는 최선의 선택이었습니다.

Ext와 같이 테이블을 사용하여 레이아웃을 거부 한 프레임 워크는 크기 조정시 스타일 변경을 통해 동적으로 차원 계산을 종료하여 일부 브라우저에서 버그가 발생했습니다 (이전에 언급 한 IE 6).

테이블은 여전히 ​​다양한 프레임 워크에서 그리드 레이아웃의 기초로 사용됩니다 (예 : 등).

나는 비밀리에 여전히 그들을 사용합니다.

: 가장 중요한 것은 그들은 HTML5 여전히 http://www.w3schools.com/html5/tag_table.asp . 따라서 꼬인 레이아웃 요구에 사용하는 것이 안전합니다.

편집 : (아래로 약간 투표 한 후) "트위스트 레이아웃 요구"의 좋은 예는 대량 전자 메일에 테이블을 사용하는 것입니다. 정크 메일을 제품의 약속 된 효과만큼 섹시하게 보이려면 대부분의 CSS를 사용할 수 없습니다.

나는 항상 더티 해킹을 사용하지는 않지만 앞으로 10 년 동안 지속되는 해킹을 선호합니다.