Html + CSS

<hr> vs 높이 1px <div> vs border 1px

개발자 뭄뭄 2023. 1. 30. 16:34
반응형

Footer를 만들면서 구분선을 만들어야 할 일이 생겼는데

습관적으로 hr을 쓰려다가 문득 div로 만들어도 상관없는거 아니야? 라는 생각이 들었다.

나와 같은 고민을 했던 분들의 대답

hr element vs 1px high div vs 1px border
I have an app which has sections, and I need a 1px line between them. It seems I have a choice: An hr element. A div with a 1px border. A div which is one pixel high, and has a background color. ...
https://stackoverflow.com/questions/41315990/hr-element-vs-1px-high-div-vs-1px-border

결론은 일반 브라우저가 아닌 text 기반의 브라우저(예를 들면 시각장애인) 에서는

아무 내용도 없는 div는 인식하지 못하기 때문에, hr로 표기하는 것이 바람직하다는 한줄 요약.

덤으로 hr의 속성을 내 입맛대로 커스텀 하는 방법


Uploaded by N2T

반응형