가로 규칙 : 좋은 디자인 결정 또는 나쁜 디자인 결정

Question

내가 선택할 수있는 항목 목록이 들어있는 사용자 지정 컨트롤이 있습니다. 이 목록에 여러 가지 유형의 작업이있을 수있는 방법으로 이러한 항목이 함께 실행되는 것이 우려되었습니다.

• 는
• 편집

그래서 나는 수평 규칙을 사용하여 그룹으로 이들을 분리 할 수있는 능력을 만들어

보기를 만듭니다.

나는 수평 규칙이 끔찍한 디자인 선택이라고 생각하고 양식화 된 DIV로 변경하기를 원합니다. 나는 그들이 구현하기가 단순하다는 것 외에 다른 의견을 갖고 있지 않습니다. 제가 구현 한 인사는 멋지게 꾸며지고 잘 보입니다.

생각하십니까? 수평 규칙이 좋든 나쁘 든 설계 선택입니까?

Answer 1

잘못된 div를 사용하여 단순히 가로 div를 추가합니다. 대신, 수평선처럼 보이는 선을 나누려는 요소의 경계선으로 두는 것을 고려하십시오. 이것은 생성하려는 HTML 문서의 구조에 영향을 미치지 않으므로 의미 상 정확합니다.

This article goes in to depth about how div's can be abused을 프레젠테이션 요소로만 사용하십시오. 때로는 피할 수 없지만, 그 시대는 아닙니다.

Answer 2

나는 altcognito에 동의하는 경향이 있습니다. 왜냐하면 그것들은 순전히 프레젠테이션 적이기 때문에 (적어도 지금까지 사용 된 것을 본 모든 사례에있는 것처럼 보입니다) CSS를 통해 적용되어야합니다.

:after {content: /* hr */;} 옵션이있을 수도 있지만, 사실상 같은 목적으로 시각적으로 (또는 적어도 제공 할 수있는) 경계선이있는 경우 더 이상 <hr />을 귀찮게하는 이유는 무엇입니까?

W3 Schools은 모든 잠재적 스타일 지정 옵션이 이제는 더 이상 사용되지 않기를 제안했지만 물론 함께 사용하기로 결정하면 스타일을 지정할 수 있습니다. 이것이 그렇다면 '공식적으로'스타일을 지정할 수는 없습니다. 피하는 것이 가장 좋습니다. 너의 스타일 시트의 타당성을 유지하는 순수주의 정신에서만.

Answer 3

HR의 유일한 문제점은 항상 존재한다는 것입니다. 동료가 HR을 항상 표시하는 것은 아니라고 생각하고 DIV와 CSS 솔루션을 사용하여 누군가가 하나의 글로벌 CSS 파일에서이를 제거하거나 변경하도록합시다. (비록 HR도 CSS로 제어 할 수있다.)

div + css 솔루션은 나쁜 것이 아니지만, 당신이 묘사 한 바에 따르면 HR 솔루션도 나쁘지 않다. 나는이 경우에 무엇이든간에 편리하게 가겠다.