Cột 1
| Cột 2
| Cột 3
Các trang lồng nhau khiến các trang bị tải xuống chậm hơn Một bảng đơn trên một trang web sẽ không làm cho trang tải xuống chậm hơn (trong vòng lý do). Nhưng thời điểm bạn đặt một bảng trong một bảng khác, nó sẽ trở nên phức tạp hơn cho trình duyệt hiển thị, vì vậy trang tải chậm hơn. Và càng có nhiều bảng bạn lồng vào nhau, trang sẽ tải chậm hơn.
Khi bạn tạo một trang với các bảng, hãy nhớ rằng có nhiều bảng nằm trong các bảng, trang sẽ tải chậm hơn. Thông thường, khi một trang tải, trình duyệt bắt đầu ở đầu HTML và tải nó theo tuần tự xuống dưới trang. Tuy nhiên, với các bảng lồng nhau, nó phải tìm phần cuối của bảng trước khi nó có thể hiển thị toàn bộ nội dung.
Bảng bố cục Bạn không nên sử dụng các bảng để bố trí trong các trang Web của bạn. Họ hầu như luôn yêu cầu bạn sử dụng các bảng lồng nhau, do đó, một trang web bố trí bảng sẽ tải chậm hơn so với thiết kế tương tự được hiển thị trong CSS.
Ngoài ra, nếu bạn đang cố gắng để viết XHTML hợp lệ, bảng không nên được sử dụng cho bố cục cả. Bảng dành cho dữ liệu dạng bảng (chẳng hạn như bảng tính), không dành cho bố cục. Thay vào đó, bạn nên sử dụng CSS cho bố cục —CSS thiết kế hiển thị nhanh hơn và giúp bạn duy trì XHTML hợp lệ.
Thiết kế bảng tải nhanh hơn Nếu bạn thiết kế một bảng có nhiều hàng, nó có thể tải nhanh hơn nếu bạn viết mỗi hàng dưới dạng một bảng riêng biệt. Ví dụ, bạn có thể viết một bảng như thế này:
hàng trên cùng
|
cột bên trái
| cột bên phải
Nhưng nếu bạn đã viết cùng một bảng với hai bảng, nó sẽ xuất hiện để tải nhanh hơn, bởi vì trình duyệt sẽ hiển thị đầu tiên và sau đó hiển thị thứ hai, thay vì hiển thị toàn bộ bảng cùng một lúc. Bí quyết là đảm bảo rằng mỗi bảng có độ rộng giống nhau và các kiểu khác (như đệm, lề và đường viền).
hàng trên cùng
cột bên trái
| cột bên phải
Chuyển đổi bảng lồng nhau thành một bảng Bạn có thể cảm thấy rằng tất cả điều này là thông tin tốt, nhưng bạn có một bảng phải có một bảng khác được lồng trong đó. Mặc dù điều này có thể đúng, thường bạn có thể chuyển đổi các bảng lồng nhau thành các bảng đơn phức tạp hơn một chút bằng cách sử dụng và các thuộc tính trên các ô bảng của bạn. Ví dụ, trong bảng lồng nhau ở trên cùng, tôi có thể chuyển đổi bảng này thành một bảng duy nhất chỉ với thuộc tính colspan :
Cột 1
| colspan = "2" > Cột 2
| Cột 3
|
Cột 1
| cột bảng lồng nhau 1
| cột bảng lồng nhau 2
| Cột 3
|
Cột 1
| colspan = "2" > Cột 2
| Cột 3
Bảng này cũng có lợi ích của việc sử dụng ít ký tự hơn so với bảng lồng nhau, do đó, nó sẽ tải xuống nhanh hơn vì điều đó là tốt.
| | | | |