얼마 전 블로그의 스킨과 CSS를 깔끔하게 정비했다. 그러고 나서 과거 게시물들을 바꾼 환경에 맞게 정리하려고 HTML 편집화면을 열어보았는데 우웩... 손을 댈 수 없을 만큼 개판이 되어 있었다. 이대로는 도저히 안 되겠다 싶어 반자동으로 HTML을 정리해 주는 방법을 찾아보다가 한 사이트를 발견했다.
태그정리 사이트를 통해 HTML 소스 정리하기
사이트 주소는 여기이다. 간단한 클릭 몇 번으로 엉망진창이 된 HTML 소스를 깔끔하게 정리할 수 있다. 또한, 한국어라서 사용하기 편리하다.
HTML 소스 영역에 수정하려는 태그를 붙여넣는다. 보시다시피 무슨 내용인지 전혀 알아볼 수 없을 만큼 태그가 개판이다. 아래 미리보기 영역에서 보이는 내용은 정말 간단한데... 태그 콤보박스를 눌러서 추천 메뉴를 선택해준다. 그럼 아래 창에 제거되는 태그들이 보이게 된다. 이제 제거 버튼을 누르면 태그가 정리된다.
사용할 때 주의점이라면 아무래도 자동으로 태그 작업을 하는 것이다 보니 내용이 날아갈 우려가 있는데... 이때까지 10개 넘는 글을 고쳤는데 날라간 적은 한 번도 없었다. 다만 이전에 설정해 놓은 글자색, 글자볼드처리, 이탤릭체 이런 건 없어진다. HTML을 정리하기 전 이 점은 꼭 명심할 것.
