이제 점점 더 많은 프론트 엔드 개발자가 XHTML+CSS를 사용하여 원래 테이블 레이아웃을 대체하여 웹 페이지의 전체 레이아웃을 완성하기 시작하여 웹 사이트의 개발 및 유지 보수 비용을 줄일뿐만 아니라 코드를 더 의미가 있습니다. 그러나 지금부터 테이블이 사라 졌다는 의미는 아닙니다. 개인 정보 데이터 목록 등과 같은 웹 페이지에서 데이터 표현의 필수품으로 많은 사람들이 여전히 사용하고 있습니다. 실제로 HTML DL, DT 및 DD 태그를 사용하면 더 많은 코드를 저장하고 컨텐츠의 의미와 더 일치합니다. 물론, 테이블은 또한 많은 양의 데이터를 가진 데이터 테이블을 사용하지만 작은 데이터 목록과 양식을 완전히 피할 수 있습니다!
기존 테이블을 사용하여 데이터 목록을 작성하는 경우 HTML DL, DT 및 DD 태그를 사용하는 방법을 계속 확인하십시오.
테이블 데이터 목록
기존 테이블의 데이터 목록 코드는 다음과 같습니다. 각 행에 TR 태그를 추가 한 다음 제목과 데이터에 TD 태그를 추가해야합니다. 태그는 TD이므로 스타일을 추가하려면 각 TD에 클래스 속성을 추가해야합니다.
코드를 복사하십시오