ul 요소는 정렬되지 않은 목록(unordered list ) 즉, 순서가 중요하지 않은 목록을 나타낼 때 사용한다. ul 요소 안에 들어갈 항목의 순서를 바꿨을 때 그 목록의 의미도 바뀌게 된다면 ul 이 아닌 ol 태그를 사용하는 것이 바람직하다. ul과 ol의 직계 자식 요소로는 오직! li 요소만 올 수 있다. li 요소는 밑에서 보다 자세히 다루겠지만, 목록 안의 항목으로, ul과 ol 요소는 최소 하나 이상의 li 요소를 자식으로 가져야 한다.
li 요소는 목록 안의 아이템(항목)(list item)을 나타낸다. 따라서 반드시 목록을 나타내는 ul 혹은 ol 요소 안에 항목으로서 li 요소가 위치해야 하는 것이다.
<li>요소는 왜 <ul>요소의 자식 요소여야만 하나요?
li 요소는 목록 아이템을 보여주기 위한 요소이다. 그래서 목록을 담는 ul 요소의 자식 요소여야 한다. 화면 상으로는 아무런 문제가 없더라도 이렇게 li 요소와 ul 요소의 의미에 맞게, 시멘틱하게 HTML을 작성하는 것이 어떤 개발자가 와서 보더라도 쉽게 이해할 수 있기 때문에 중요하다.