Quy tắc ngang: Quyết định thiết kế tốt hoặc kém

Question

Tôi có một điều khiển tùy chỉnh mà tôi đã tạo chứa danh sách các mục được chọn. Tôi lo ngại rằng những mục này sẽ chạy cùng nhau để xem làm thế nào có thể có nhiều loại hành động khác nhau trong danh sách này.

• Tạo
• Sửa
• Xem

Vì vậy, tôi đưa ra khả năng để tách các thành từng nhóm bằng cách sử dụng một quy tắc ngang.

Một người nào đó tôi làm việc với suy nghĩ rằng quy tắc ngang là một lựa chọn thiết kế khủng khiếp và muốn tôi thay đổi nó thành một DIV cách điệu. Tôi không thực sự có một ý kiến ​​khác hơn là họ đơn giản để thực hiện. Nhân sự tôi thực hiện được tạo kiểu độc đáo và có vẻ tốt.

Suy nghĩ? Quy tắc ngang có phải là lựa chọn thiết kế tốt hay xấu?

Answer 1

Xấu và sử dụng div chỉ đơn giản là thêm div ngang. Thay vào đó, hãy xem xét đặt dòng trông giống như quy tắc ngang làm đường viền cho phần tử bạn muốn chia. Điều này sẽ đúng ngữ nghĩa vì bạn không ảnh hưởng đến cấu trúc của tài liệu HTML mà bạn đang tạo.

This article goes in to depth about how div's can be abused bằng cách chỉ sử dụng chúng làm phần tử bản trình bày. Trong khi đôi khi không có tránh nó, đây không phải là một trong những lần đó.

Answer 2

Tôi có xu hướng đồng ý với altCognito vào thời điểm này, vì chúng hoàn toàn là thuyết trình (ít nhất là chúng có vẻ như trong mỗi trường hợp mà tôi đã thấy chúng được sử dụng cho đến nay) chúng nên được áp dụng thông qua css.

Cũng có thể có tùy chọn :after {content: /* hr */;}, nhưng, trung thực, khi có đường viền dưới cùng, phục vụ trực quan (hoặc ít nhất có thể phục vụ) cùng một mục đích, tại sao lại bận tâm với <hr /> nữa?

Tất nhiên, chúng có thể được tạo kiểu nếu bạn quyết định đi theo nó, mặc dù W3 Schools đề xuất rằng tất cả các tùy chọn tạo kiểu tiềm năng hiện không còn được dùng nữa. Nếu điều này là như vậy, và nó không thể được 'chính thức' theo kiểu, nó sẽ là tốt nhất để tránh nó, tôi nghĩ. Ngay cả khi chỉ từ một tinh thần thuần túy để duy trì tính hợp lệ của bảng định kiểu của bạn.

Answer 3

Vấn đề duy nhất với nhân sự là nó luôn ở đó. Tôi giả định đồng nghiệp của bạn tin rằng bạn có thể không luôn luôn muốn nhân sự được hiển thị, và sử dụng DIV và một giải pháp css cho phép ai đó loại bỏ hoặc thay đổi nó trong một tệp css toàn cầu. (mặc dù, HR cũng có thể được kiểm soát bởi css)

Giải pháp div + css không phải là giải pháp tồi, nhưng đối với những gì bạn mô tả, giải pháp HR cũng không tệ. Tôi chỉ cần đi với bất cứ điều gì là thuận tiện trong trường hợp này.