Sài thẻ div thay table? Yêu cầu hàng đầu của nhà tuyển dụng
Post quangndn Hôm qua, 10:44
Khi sử dụng the <div> ta có các lợi thế:
- Khi ta sử dụng các thẻ Divs, định nghĩa giao diện, vị trí cho chúng ta không cần phải làm lại điều này với các file khác. Điều này giúp cho việc xây dựng và việc bảo dưỡng nhanh hơn rất nhiều.
- Trang web được load nhanh hơn tại phía người dùng. Hãy lưu ý rằng, file Css này được tải về trình duyệt của người dùng 1 lần duy nhất, sau đó nó được lưu trong Cache để xử lý các yêu cầu tới trang đó trong các lần sau cho tới khi nội dung của nó được thay đổi trên máy chủ. Trong khi đó nếu sử dụng bảng, các bảng được tải về trong mỗi lần yêu cầu tới trang cần hiển thị, do đó số lượng thông tin trao đổi tới máy chủ nhiều hơn rất nhiều. Do đó để hiển thị trang Web cùng với một nội dung như nhau, trang Web sử dụng CSS sẽ được tải nhanh hơn rất nhiều lần (tới 50%). Hơn nữa, khi lưu lượng dữ liệu được giảm đi, máy chủ có khả năng phục vụ được nhiều khách hàng hơn với băng thông không thay đổi.
- Các kiểu CSS và thẻ Div cung cấp sự linh hoạt hơn các bảng. Bạn có thể có những file định dạng khác nhau mà xác định các giao diện khác nhau và các vị trí cho các đối tượng khác nhau trong trang. Bằng cách chuyển lien kết của các định dạng, bạn có thể hoàn tất việc thay đổi giao diện của trang mà không cần thay đổi bất kì nội dung nào trong trang. Với các trang ASP.NET, bạn thậm chí có thể thay đổi định dạng mỗi lần chạy và từ đó dễ dàng thực hiện cơ chế mà cho phép người dùng cuối chọn các kiểu mà học thích. Và điều đó không chỉ đơn giản là về màu sắc và font- bạn có thể xác định các vị trí của đối tượng trong file CSS, và từ đó có một file mà đặt vào menu trên góc trên bên trái của trang, một cách khác là có thể đặt nó vào dưới cùng bên phải. Bởi vì chúng ta muốn cho phép các người dùng lấy các dạng mà họ ưa thích từ một danh sách các giao diện có thể sử dụng Đây là một điểm cực kì quan trọng.
- CSS cho phép bạn nhắm vào các loại của các thiết bị khác nhau trong một vài trường hợp mà không cần HTML mới giống như là thiết bị di động như PDA hoặc smartphone. Do cỡ màn hình có giới hạn, nó cần sửa lại cho hợp với đầu ra, vì vậy nội dung phù hợp màn hình nhỏ và dễ dàng đọc. Bạn có thể làm điều này bằng với một định dạng xác định mà thay đổi cỡ và vị trí của một vài thành phần chứa (đặt cái nọ dưới cái kia hơn là theo cột dọc), hoặc ẩn hoàn toàn chúng đi. Cho ví dụ, bạn có thể giấu thành phần chứa của biểu ngữ, bình chọn và đầu trang với một logo lớn. Thử làm điều này nếu bạn dùng bảng, nó sẽ khó hơn nhiều. Bạn phải nghĩ về một cơ chế giao diện tùy biến, và bạn cần viết nhiều trang riêng mà xác định các lớp khác nhau có thể dùng được. Điều này tốt hơn là viết một file CSS mới.
Mình share cho các bạn 1 bộ code sài thẻ <div>, đây là code mình xin bên viện công nghệ thông tin rất dễ hiễu. Ai down về rồi thi pót ý kiến cho anh em biết nha và nhớ thanks mình 1 cái.
https://ytuongdoc.com/download/FruitStores.zip
Chúc các bạn thành công!
Post quangndn Hôm qua, 10:44
Khi sử dụng the <div> ta có các lợi thế:
- Khi ta sử dụng các thẻ Divs, định nghĩa giao diện, vị trí cho chúng ta không cần phải làm lại điều này với các file khác. Điều này giúp cho việc xây dựng và việc bảo dưỡng nhanh hơn rất nhiều.
- Trang web được load nhanh hơn tại phía người dùng. Hãy lưu ý rằng, file Css này được tải về trình duyệt của người dùng 1 lần duy nhất, sau đó nó được lưu trong Cache để xử lý các yêu cầu tới trang đó trong các lần sau cho tới khi nội dung của nó được thay đổi trên máy chủ. Trong khi đó nếu sử dụng bảng, các bảng được tải về trong mỗi lần yêu cầu tới trang cần hiển thị, do đó số lượng thông tin trao đổi tới máy chủ nhiều hơn rất nhiều. Do đó để hiển thị trang Web cùng với một nội dung như nhau, trang Web sử dụng CSS sẽ được tải nhanh hơn rất nhiều lần (tới 50%). Hơn nữa, khi lưu lượng dữ liệu được giảm đi, máy chủ có khả năng phục vụ được nhiều khách hàng hơn với băng thông không thay đổi.
- Các kiểu CSS và thẻ Div cung cấp sự linh hoạt hơn các bảng. Bạn có thể có những file định dạng khác nhau mà xác định các giao diện khác nhau và các vị trí cho các đối tượng khác nhau trong trang. Bằng cách chuyển lien kết của các định dạng, bạn có thể hoàn tất việc thay đổi giao diện của trang mà không cần thay đổi bất kì nội dung nào trong trang. Với các trang ASP.NET, bạn thậm chí có thể thay đổi định dạng mỗi lần chạy và từ đó dễ dàng thực hiện cơ chế mà cho phép người dùng cuối chọn các kiểu mà học thích. Và điều đó không chỉ đơn giản là về màu sắc và font- bạn có thể xác định các vị trí của đối tượng trong file CSS, và từ đó có một file mà đặt vào menu trên góc trên bên trái của trang, một cách khác là có thể đặt nó vào dưới cùng bên phải. Bởi vì chúng ta muốn cho phép các người dùng lấy các dạng mà họ ưa thích từ một danh sách các giao diện có thể sử dụng Đây là một điểm cực kì quan trọng.
- CSS cho phép bạn nhắm vào các loại của các thiết bị khác nhau trong một vài trường hợp mà không cần HTML mới giống như là thiết bị di động như PDA hoặc smartphone. Do cỡ màn hình có giới hạn, nó cần sửa lại cho hợp với đầu ra, vì vậy nội dung phù hợp màn hình nhỏ và dễ dàng đọc. Bạn có thể làm điều này bằng với một định dạng xác định mà thay đổi cỡ và vị trí của một vài thành phần chứa (đặt cái nọ dưới cái kia hơn là theo cột dọc), hoặc ẩn hoàn toàn chúng đi. Cho ví dụ, bạn có thể giấu thành phần chứa của biểu ngữ, bình chọn và đầu trang với một logo lớn. Thử làm điều này nếu bạn dùng bảng, nó sẽ khó hơn nhiều. Bạn phải nghĩ về một cơ chế giao diện tùy biến, và bạn cần viết nhiều trang riêng mà xác định các lớp khác nhau có thể dùng được. Điều này tốt hơn là viết một file CSS mới.
Mình share cho các bạn 1 bộ code sài thẻ <div>, đây là code mình xin bên viện công nghệ thông tin rất dễ hiễu. Ai down về rồi thi pót ý kiến cho anh em biết nha và nhớ thanks mình 1 cái.
https://ytuongdoc.com/download/FruitStores.zip
Chúc các bạn thành công!
