TH와 TD HTML 표 태그의 차이점은 무엇입니까?

웹 디자인에서 테이블은 오랫동안 나쁜 비난을 받았습니다. 수년 전에는 레이아웃 용으로 HTML 테이블이 사용되었지만 의도하지 않은 레이아웃이었습니다. CSS가 웹 사이트 레이아웃에 대한 인기가 많아짐에 따라 "테이블이 좋지 않습니다"라는 생각이 들었습니다. 불행히도 많은 사람들이 이것을 오해하여 HTML 표가 항상 잘못되었음을 의미합니다. 그것은 전혀 사실이 아닙니다. 현실은 HTML 테이블이 실제 목적이 아닌 다른 용도로 사용되었을 때 테이블 데이터 (스프레드 시트, 캘린더 등)를 표시하는 것이 좋지 않다는 것입니다. 웹 사이트를 만들고 이러한 종류의 표 형식 데이터가 포함 된 페이지가 있으면 페이지에서 HTML 표를 사용하는 것을 주저해서는 안됩니다.

레이아웃을위한 HTML 테이블이 좋지 않게 된 지 수 년 만에 사이트를 구축하기 시작했다면 HTML 테이블을 구성하는 요소에 익숙하지 않을 수도 있습니다. 테이블 마크 업을 시작할 때 많은 질문이 하나 있습니다.

" 태그와 HTML 태그 태그의 차이점은 무엇입니까?"

태그 란 무엇입니까?

태그 또는 "table data"태그는 HTML 표의 표 행 내에 표 셀을 작성합니다. 이것은 모든 텍스트와 이미지가 포함 된 HTML 태그입니다. 기본적으로 이것은 테이블의 작업장 태그입니다. 태그에는 HTML 표의 내용이 포함됩니다.

태그 란 무엇인가?

태그 또는 "표 머리글"은 여러면에서 와 유사합니다. 같은 종류의 정보를 포함 할 수 있지만 (에 이미지를 넣지는 않지만) 특정 셀을 테이블 헤더로 정의합니다.

대부분의 웹 브라우저는 글꼴 두께를 굵은 글꼴로 변경하고 셀의 내용을 가운데에 배치합니다. 물론 CSS 스타일을 사용하여 테이블 헤더뿐만 아니라 태그의 내용을 렌더링 된 웹 페이지에서 볼 수있는 방식으로 볼 수 있습니다.

& lt; th & gt; 오히려 & lt; td & gt;

태그는 셀의 내용을 해당 열이나 행의 머리글로 지정할 때 사용해야합니다. 표 머리글 셀은 일반적으로 표 상단이나 측면을 따라 표시됩니다. 기본적으로 표제 머리글은 맨 위 열 머리글 또는 맨 왼쪽 머리글 또는 행 시작 문자입니다. 이러한 헤더는 아래 또는 옆에있는 내용을 정의하는 데 사용되므로 테이블과 내용을 훨씬 쉽게 검토하고 처리하기가 훨씬 쉽습니다.

사용 하여 셀을 스타일링 하지 마십시오 . 브라우저는 표 머리글 셀을 다르게 표시하는 경향이 있기 때문에 일부 게으른 웹 디자이너는이 기능을 활용하고 내용을 굵게 표시하고 가운데에 표시하려고 할 때 태그를 사용하려고 할 수 있습니다. 이것은 여러 가지 이유로 좋지 않습니다.

  1. 웹 브라우저에 의존 할 수 없기 때문에 항상 그런 식으로 콘텐츠를 표시합니다. 향후 브라우저는 기본적으로 색상을 변경하거나 내용을 시각적으로 변경하지 않을 수 있습니다. 절대로 기본 브라우저 스타일에만 의존해서는 안되며 HTML 요소를 기본적으로 "모양"때문에 사용해서는 안됩니다.
  2. 그것은 의미 상으로 올바르지 않습니다. 텍스트를 읽는 사용자 에이전트는 "행 머리글 : 텍스트"와 같은 소리 형식을 추가하여 텍스트가 셀에 있음을 나타낼 수 있습니다. 또한 일부 웹 응용 프로그램은 각 페이지의 맨 위에 표 머리글을 인쇄하므로 셀이 실제로 머리글이 아니며 대신 스타일이 지정된 이유로만 사용되는 경우 문제가 발생할 수 있습니다. 결론적으로, 이러한 방식으로 태그를 사용하면 많은 사용자, 특히 보조 장치를 사용하여 사이트 콘텐츠에 액세스하는 사용자에게 액세스 가능성 문제가 발생할 수 있습니다.
  3. 셀을 어떻게 보이는지 정의하려면 CSS를 사용해야합니다. 스타일 (CSS)과 구조 (HTML)의 분리는 수년 동안 웹 디자인에서 모범 사례였습니다. 다시 말해, 해당 셀의 내용이 헤더이기 때문에를 사용하십시오. 브라우저가 기본적으로 해당 내용을 렌더링 할 가능성이 높기 때문이 아닙니다.