목록 HTML 변환

목록 HTML 변환이 하는 일

텍스트 상자에 한 줄에 하나씩 항목을 입력하면, 각 줄을 <li> 항목으로 만들고 전체를 <ul>(순서 없는 글머리 목록) 또는 <ol>(번호 매기는 목록)로 감싸 완성된 HTML을 즉시 만들어 줍니다. 예를 들어 "사과 / 배 / 감" 세 줄을 넣으면 <ul><li>사과</li><li>배</li><li>감</li></ul>가 나옵니다. 손으로 태그를 하나하나 치는 반복 작업을 없애 주는 것이 핵심입니다.

작동 방식

변환 규칙은 단순하고 예측 가능합니다. 줄바꿈(엔터) 문자를 기준으로 텍스트를 나눈 뒤, 각 조각의 앞뒤 공백을 다듬어 <li>로 감쌉니다. 내용이 비어 있는 빈 줄은 항목으로 만들지 않고 건너뛰므로, 항목 사이에 실수로 엔터를 두 번 쳐도 빈 <li>가 생기지 않습니다. 순서가 의미 있는 절차·순위라면 ol, 단순 나열이라면 ul을 고르면 됩니다. 항목 순서는 입력한 그대로 유지되며 자동 정렬은 하지 않습니다.

이럴 때 씁니다

엑셀·메모장에 세로로 정리해 둔 항목을 블로그나 쇼핑몰 상세페이지에 목록으로 붙일 때, 워드프레스·티스토리 HTML 편집 모드에 넣을 재료 목록이나 순서 안내를 만들 때, 이메일 뉴스레터 템플릿에 체크리스트를 넣을 때 유용합니다. 특히 항목이 수십 개라 손으로 태그를 다는 것이 번거로운 경우 시간을 크게 아낄 수 있습니다.

활용 팁

원본이 "1. 2. 3." 같은 번호나 "-", "•" 같은 기호로 이미 시작한다면, ol/ul을 씌우면 기호가 겹쳐 보입니다. 이럴 때는 붙여넣기 전에 앞 기호를 지우고 내용만 남기세요. 표 형태 데이터라면 한 줄에 한 항목이 되도록 열을 하나만 복사해 붙이는 것이 좋습니다. 변환 결과는 그대로 복사해 CMS의 HTML 편집기에 붙이면 되고, 스타일(들여쓰기·글머리 모양)은 붙여넣는 페이지의 CSS를 따릅니다.

자주 묻는 질문