메뉴를 만들 때 <li>를 사용하는 이유

navbar를 만들 때 왜 대체 다들 <li>를 사용하는지 너무 궁금해서 찾아보니까

왜 글을 맞춤법대로 쓰나요 같은 맥락의 의문이었다!

---

의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 무슨 목적으로 사용되었는지 코드를 살펴봐야 알 수 있다.
하지만 의미 요소인 table 요소는 코드를 보지 않아도 해당 요소가 표를 만드는 데 사용되었다는 것을 이름만 살펴봐도 바로 알 수 있다.

이와 같이 ul 과 li 를 쓰게 되면 의미적으로 이것은 목록이라는 것을 사용자에게 알려주게 된다.
>그래서 메뉴 navbar를 만들 때 li태그를 사용한다.


HTML을 작성할 때는 표현하려는 내용이 무엇을 의미하는지에 따라 태그를 적절히 사용해 코드만 보고도 구조를 파악하기 쉽게 코드를 짜야한다! 시맨틱 태그를 쓰는 이유와 동일한 내용인 것 같다!

스크린 리더나 HTML 내용을 긁는 크롤러가 이를 인식해 의미를 더 정확하게 인식하는데 도움이 된다. 


+<section>과 <article>이 어떻게 다르게 쓰이는지에 대해 알아보기