Góc Học Tập - Kho Tài Liệu

27/11/2010, 09:24

10 lý do thiết kế web bằng thẻ div thay cho table

1. Xây dựng một nền tảng đểthay thế các phương thức cổ điển của Web. Tổ chức World Wide Web Consortium(W3C) tạo ra CSS để thay thế các bảng (table), các thẻ font, frame và các dạng "hack"thẻ HTML để tạo hiệu quả cho website Với tôi, CSS mang lại hiệu quả công việccao hơn. Nhìn cái tag font rối rắm là tôi thấy nản. Coder muốn sửa chữa gì cũngmệt vì sự rối rắm của nó. Trong trường hợp muốn thay đổi về thiết kế của code,bạn lại đụng tới khá nhiều mảng của coder. Còn nếu sử dụng css, việc chỉnh sửarất đơn giản, không phụ thuộc vào coder.
2. Tăng tốc độwebsite.
Thời gian load một website sẽ nhanh hơn. Dung lượng của một trang web sẽ nhẹhơn 50% so với cách làm cổ điển.
Theo cơ sở của DOM thì:
- Table: web browser phải load cả ...

thì mới có thểdựng thành DOM tree và hiển thị ra màn hình.
- Div: chỉ cần load

..

là đã có thể dựng được DOM treevà hiển thị.
Như vậy, quá trình hiển thị 1 trang table-less sẽ nhanh hơn 1 trang table. Hơnnữa, cùng 1 cấu trúc nhưng DOM tree của table sẽ lớn và phức tạp hơn của divrất nhiều, điều này cũng ảnh hưởng đến bộ nhớ và tốc độ xử lý của browser.
Chưa kể, cùng 1 trang nhưng nếu dùng table thì code HTML sẽ lớn hơn dùng div.Code CSS có dùng div có thể sẽ lớn hơn,nhưng CSS được load 1 lần, sau đó đượccache trên client
3.Thời gian phát triểnwebsite nhanh hơn
Thông qua một thao tác vềthiết kế: thay đổi CSS, thì hàng ngàn trang web sẽ được thay đổi theo.
4. Typography thể hiện ngầuhơn
CSS có khả năng kiểm soát mạnh mẽ hơn tag FONT rất nhiều. Chúng ta có thể kiểmsoát chiều cao giữa các dòng, thay màu font, các font theo họ - tức là không cófont này, sẽ tự chọn font tiếp theo trong danh sách, và nhiều nhiều hơn thế.
5. Dễ viết
Bạn có thể tạo và thay đổi CSS dễ dàng như khả năng làm code HTML thủ công.
6.Khả năng pháttriển.
Sử dụng CSS hiệu quả sẽ tương tự như sử dụng cấu trúc nội dung với HTML. Vớicấu trúc HTML, chúng ta chỉ giữ lại các tag cho đoạn văn, các tag tiêu đề (H1 ->H6), bảng dành cho một số ít bảng biểu đặc biệt, bạn sẽ tăng khả năng đáp ứnglượng khách viếng thăm mà không cần xây dựng một phiên bản độc lập để giảm tải.
7. Thiết kế dành cho in ấncũng đẹp như dành cho web. CSS hỗ trợ tốt cho một khi bạn cần in ra, chẳng hạnin ấn, hay PowerPoint
8. Dễ kiểm soát thông quavị trí các thành phần trên web. Việc đánh ID trên từng thẻ DIV, sẽ dễ dàng hơncho bạn khi cần kiểm soát và hỗ trợ tốt cho Ajax.
9. Các trang web táchbiệt phần thiết kế và nội dung. Giữ lại thiết kế trong một file liên kết, bạncó thể tiết kiệm nhiều thời gian khi cần thêm bớt các thành phần của một trangweb.
10. Cải thiện vị trí trongcác website tìm kiếm. Với cách sử dụng HTML cho phần nội dung mà thôi, bạn đãloại bỏ các tag định dạng phức tạp cho thiết kế. Điều này là cho các websitetìm kiếm index (tạo chỉ mục) website của bạn tốt hơn, và sẽ là tăng thứ hạngcủa website.

4/12/2010, 01:09

hay lắm. cứ tiếp tục up lên tài liêu ltrinh web nhiu nhiu nha

Góc Học Tập - Kho Tài Liệu

Câu Lạc Bộ Webmaster

Học làm web

Góc Học Tập - Kho Tài Liệu

Câu Lạc Bộ Webmaster

Học làm web

Góc Học Tập - Kho Tài Liệu

Câu Lạc Bộ Webmaster

Học làm web