[HTML] div 태그 대신 li 태그를 사용하는 이유

HTML

 

웹페이지를 코딩하다 보면 div태그가 매우 많을 것을 볼 수 있을 것이다.

항목을 나열하기 위해서 div태그를 많이 사용하는데, 최근 대기업이나 잘나가는 스타트업들의 홈페이지를 들어가보면 div 태그 대신 ul-li태그를 이용하여 항목을 나열해놓은 사이트들을 볼 수 있다.

 

왜? <div> 태그가 아니라 <ul><li></li></ul> 태그를 사용한 걸까?

 

예전에는 (아마도 여전히) 각 브라우저가 공백, 여백 등과 같은 요소를 나열하는 데 고유한 작은 서식을 추가했기 때문에 많은 사람들이 div를 사용하는 것을 선호합니다. 아무도 서식을 없애거나 브라우저를 감지하기 위해 많은 코드를 추가하기를 원하지 않기 때문입니다.

허나 요즘은 웹의 중요성이 올라갔습니다. 전가기기들의 기술들이 올라가면서 웹을 사용하는 사람들이 굉장히 많아졌죠. 이 말은 즉슨 장애인분들도 많이 사용한다는 말이 됩니다.

시작장애인 분들은 리더기를 이용하여 웹사이트를 보는데, li태그를 사용하면 리더기가 목록이라고 받아들여서 더 확실한 정보를 전달할 수 있기 때문입니다.