Sự khác biệt giữa thẻ bảng TH và TD HTML là gì?

Bàn từ lâu đã nhận được một rap xấu trong thiết kế web. Nhiều năm trước, các bảng HTML được sử dụng để bố trí, rõ ràng không phải là những gì chúng được dự định. Khi CSS tăng lên mức sử dụng phổ biến cho bố cục trang web, ý tưởng cho rằng "các bảng xấu" đã được giữ. Thật không may, nhiều người hiểu lầm điều này có nghĩa là tất cả các bảng HTML đều xấu. Đó không phải là trường hợp nào cả. Thực tế là các bảng HTML là xấu khi chúng được sử dụng cho một cái gì đó khác với mục đích thực sự của họ, đó là để hiển thị dữ liệu dạng bảng (bảng tính, lịch, vv). Nếu bạn đang xây dựng trang web và có trang có loại dữ liệu dạng bảng này, bạn không nên ngần ngại sử dụng bảng HTML trên trang của mình.

Nếu bạn bắt đầu xây dựng trang web trong những năm kể từ khi các bảng HTML cho bố cục rơi ra khỏi ưu tiên, bạn có thể không thực sự quen thuộc với các yếu tố tạo nên các bảng HTML. Một câu hỏi mà nhiều người có khi họ bắt đầu xem xét đánh dấu bảng là:

"Sự khác biệt giữa và thẻ bảng HTML là gì?"

Tag là gì?

Thẻ hoặc "dữ liệu bảng", tạo các ô bảng trong một hàng của bảng trong bảng HTML. Đây là thẻ HTML có chứa bất kỳ văn bản và hình ảnh nào. Về cơ bản, đây là các thẻ nhà của bảng của bạn. Các thẻ sẽ chứa nội dung của bảng HTML.

Thẻ là gì

Thẻ hoặc "tiêu đề bảng", tương tự như theo nhiều cách. Nó có thể chứa cùng một loại thông tin (mặc dù bạn sẽ không đặt một hình ảnh trong một ), nhưng nó định nghĩa ô cụ thể đó làm tiêu đề bảng.

Hầu hết các trình duyệt web thay đổi trọng số phông chữ để in đậm và căn giữa nội dung trong một ô. Tất nhiên, bạn có thể sử dụng các kiểu CSS để làm cho các tiêu đề bảng đó, cũng như nội dung của các thẻ của bạn, trông giống như cách bạn muốn chúng nhìn trên trang web được hiển thị.

Khi nào bạn nên sử dụng & lt; th & gt; Thay vì & lt; td & gt ;?

Thẻ sẽ được sử dụng khi bạn muốn chỉ định nội dung trong ô làm tiêu đề cho cột hoặc hàng đó. Các ô tiêu đề bảng thường được tìm thấy ở đầu bảng hoặc dọc theo bên - về cơ bản, các tiêu đề ở đầu cột hoặc các đầu đề ở bên trái hoặc đầu của một hàng. Các tiêu đề này được sử dụng để xác định nội dung bên dưới hoặc bên cạnh chúng là gì, làm cho bảng và nội dung của nó trở nên dễ dàng hơn nhiều để xem xét và xử lý nhanh chóng.

Không sử dụng để tạo kiểu cho các ô của bạn. Bởi vì trình duyệt có xu hướng hiển thị các ô tiêu đề bảng khác nhau, một số nhà thiết kế web lười biếng có thể cố gắng tận dụng điều này và sử dụng thẻ khi họ muốn nội dung được in đậm và căn giữa. Điều này là xấu vì nhiều lý do:

1. Bạn không thể dựa vào các trình duyệt web sẽ luôn hiển thị nội dung theo cách đó. Các trình duyệt trong tương lai có thể thay đổi màu theo mặc định hoặc hoàn toàn không thay đổi trực quan thành nội dung. Bạn không bao giờ nên chỉ dựa vào các kiểu trình duyệt mặc định và không bao giờ nên sử dụng một phần tử HTML vì nó "trông" như thế nào theo mặc định
2. Đó là ngữ nghĩa sai. Tác nhân người dùng đọc văn bản có thể thêm định dạng âm thanh như "tiêu đề hàng: văn bản của bạn" để cho biết rằng nó ở trong ô . Ngoài ra, một số ứng dụng Web in các tiêu đề bảng trên đầu mỗi trang, điều này sẽ dẫn đến sự cố nếu ô không thực sự là tiêu đề mà thay vào đó chỉ được sử dụng cho các lý do kiểu cách. Tóm lại, việc sử dụng thẻ theo cách này có thể gây ra sự cố trợ năng cho nhiều người dùng, đặc biệt là những người sử dụng thiết bị được hỗ trợ để truy cập nội dung trang web của bạn.
3. Bạn nên sử dụng CSS để xác định xem các ô trông như thế nào. Việc tách kiểu (CSS) và cấu trúc (HTML) là một phương pháp hay nhất trong thiết kế web trong nhiều năm. Một lần nữa, sử dụng vì nội dung của ô đó là tiêu đề, không phải vì bạn thích cách trình duyệt có khả năng hiển thị nội dung đó theo mặc định.