ul과 li 태그에 대해서 궁금한게 있습니다.

Question

ul과 li 태그를 리스트 처럼 구현하고 싶을때 사용한다는것은 알고있습니다만 참고하려고 사이트의 구조를 보던가 하면 제 얕은 지식으로는 ul과 li 태그가 왜 있어야 하는지 모르는 경우가 있어 질문드립니다. 예를들어

과 같은 코드가 종종 보입니다. 실무에서 굳이 저렇게 만드는 이유가 있을까요? 있다면 그 이유가 혹시 무엇인지 알려주시면 감사하겠습니다.

초보자1212 · Accepted Answer

큰 골자로만 말씀드려보면 첫 번째 이유는 SEO입니다 SEO가 무엇인지는 따로 검색을 해보시는것을 추천드립니다SEO의 채점 기준 중 하나는 컨텐츠에 알맞은 HTML 레이아웃을 구성했는가에 있습니다 두 번째는 접근성입니다. 그 중에서도 특히 시각 장애를 가진 사람을 위한 접근성을 위해 사용합니다같은 내용의 컨텐츠를 ul-li 로 구성한것과 div 로 구성한 것은 스크린 리더기를 사용할 때 차이가 있을 수 있습니다물론 아주 간단한 레이아웃 구성에서는 차이가 없을 수 있습니다만 ul-li 는 스크린 리더가 읽기에 아주 적합한HTML 태그입니다. 대표적으로 ul 을 사용하는 경우는 메뉴 구성 네비게이션(GNB)이나 주의사항 / 안내사항 등 목록형 컨텐츠입니다

kiel · Answer

리스트를 만든다면, 어디서 부터 어디까지가 하나의 리스트 그룹로 묶이는 영역인지를 선언해야 합니다.이때 쓰이는게

입니다.기본적으로 HTML은 화면에 보이는것 보다 문서의 구조를 위한 ML 입니다. (잘 보이는건 CSS 담당) 체계적인 구조를 위해 만들어져있다고 보시면 됩니다.

자안뚱 · Answer

초보자1212 kiel 두분 모두 친절한 답변 감사합니다. 이해하는데 충분히 도움이 되었습니다.

ul과 li 태그에 대해서 궁금한게 있습니다.

3개의 답변

#ul 목록