리스트 태그 활용
페이지 정보
작성자
DocsArchives
작성일
2025.09.07 20:04
본문
순서 있는 데이터 표현
웹에서는 목록 형태로 정보를 전달하는 경우가 많습니다. HTML에서는 순서가 있는 목록(<ol>), 순서 없는 목록(<ul>), **정의 목록(<dl>)**을 제공하여 구조화된 데이터를 쉽게 표현할 수 있습니다.
기본 사용법
<h3>할 일 목록</h3><ul> <li>HTML 공부</li> <li>CSS 연습</li> <li>JavaScript 실습</li></ul>
<h3>단계별 과정</h3><ol> <li>계획 수립</li> <li>개발 진행</li> <li>테스트 및 배포</li></ol>
<h3>용어 정의</h3><dl> <dt>HTML</dt> <dd>웹 문서의 구조를 정의하는 마크업 언어</dd> <dt>CSS</dt> <dd>웹 문서의 스타일을 지정하는 언어</dd></dl>실무 활용 사례
-
블로그 글에서 요약 목록 작성
-
가이드 페이지에서 단계별 설명 제공
-
FAQ 페이지에서 질문-답변 구조
접근성 팁
-
목록 안에 중요한 콘텐츠가 포함되면
<strong>등으로 강조 -
화면 읽기 프로그램이 목록의 시작과 끝을 알 수 있도록
<ul>/<ol>사용
리스트 태그를 적절히 활용하면 정보 전달력이 높아지고, 구조화된 콘텐츠를 제작할 수 있습니다.
댓글 0