Bố cục với div ... bạn có thể có quá nhiều không?

Question

Phương pháp hay nhất để phát triển bố cục là gì? Là tốt hơn để hạn chế divs? Tôi đã xem xét thông qua html/css của một số trang web phổ biến và tất cả họ dường như có divs trong divs. Ví dụ: div cho toàn bộ trang, div cho thanh trên cùng, div trong thanh trên cùng của biểu tượng, thanh tìm kiếm, v.v.

Đây có phải là phương pháp hay không? Tôi cho rằng nó dễ dàng hơn để định vị tất cả các div một cách chính xác và hơn là đặt các phần tử cần thiết trong các div. Đó là những gì tôi đã làm điều này đến nay nhưng muốn chắc chắn rằng tôi đang học cách tiếp cận chính xác.

Bất kỳ trợ giúp nào về điều này đều được đánh giá cao. Cảm ơn!

Answer 1

Sử dụng <div> s khi bạn cần divide (đó là những gì div s được cho là được sử dụng cho) các phần của trang của bạn với nhau. Đầu trang/chân trang từ nội dung chẳng hạn hoặc từng bài đăng trên blog.
Tuy nhiên, bạn không nên sử dụng chúng khi ngữ nghĩa thành phần khác có ý nghĩa.

Nếu lưu trữ trên blog được đề cập trước đây chỉ hiển thị bản tóm tắt hai dòng của mỗi bài đăng trong lưu trữ, danh sách có thứ tự có ý nghĩa hơn khi bạn xác định danh sách các mục theo thứ tự. Các yếu tố <li> cũng là các phần tử khối và có thể được tạo kiểu theo cách giống hệt nhau.

Đôi khi, sẽ có ý nghĩa khi có các thẻ <div> lồng nhau và đôi khi bạn không nên.
Là một thử nghiệm cơ bản, hãy tưởng tượng trang của bạn đang được phân tích bởi người đọc cho người dùng khiếm thị. Nó cần phải biết những gì có trong mỗi nút của tài liệu để nó có thể thông báo nó đúng cách. Nó không quan tâm những gì CSS trực quan của bạn cần, nó chỉ muốn phân tích nó thành lời nói một cách chính xác nhất có thể.

điểm cơ bản cần nhớ:

• Viết HTML của bạn chủ yếu cho các cấu trúc không hình ảnh
• Người xem trang web của bạn có thể không được sử dụng CSS của bạn
• Người xem trang web của bạn có thể không được sử dụng một trình duyệt web thông thường
• Bạn luôn có thể tinh chỉnh cấu trúc của mình nếu CSS không hoạt động, cung cấp nó vẫn giống nhau về mặt ngữ nghĩa.

Answer 2

A <div> theo định nghĩa là một yếu tố vô nghĩa, vì vậy không quan trọng bạn có bao nhiêu phần tử.

Tuy nhiên, bạn cần có <div> giây trên trang của mình miễn là chúng có ý nghĩa và không sử dụng chúng nếu có các yếu tố phù hợp hơn cho công việc (ngữ nghĩa).

<div>This is a paragraph of text</div> 

thực sự cần được

<p>This is a paragraph of text</p> 

Và như vậy.

Answer 3

Có tên cho loại "mã mùi" này trong HTML: Divitis.

Bạn nên mở rộng kiến ​​thức về ý nghĩa ngữ nghĩa cho các thẻ trong HTML. Bạn có thể bắt đầu bằng cách đọc this article, nhưng nó tập trung nhiều hơn vào html4.01 và xhtml. Có một số thẻ mới trong HTML5 và một số thay đổi về ý nghĩa ngữ nghĩa cho các thẻ HTML4 hiện có.

Answer 4

Câu hỏi lớn nói chung là có sử dụng div hoặc bảng hay không. Bàn tạo ra rất nhiều đau đầu, một số trong đó bạn không thể làm việc xung quanh. Nhưng divs cũng có thể gặp vấn đề của họ.

Bất kể bạn sử dụng cái gì, mức độ làm tổ thực sự có thể làm cho trang khó hiểu. Vì vậy, bạn nên ủng hộ các cấp độ làm tổ ít nhất cần thiết. Đồng thời, cố gắng để không làm tổ cũng có thể làm cho HTML khó hiểu.