워드나 아래한글로 작성된 원문을 HTML로 전환할때 불필요한 태그 및 속성들이 많이 포함되어 있습니다. 이들 태그 및 속성들은 실제 웹문서로 사용하기에는 부적합한 경우가 많아 이를 제거할 때 사용할 수 있도록 준비된 서비스입니다.
HTML 소스 정리하기
Html 태그 정리기는 다음과 같은 4개 존으로 구성되어 있습니다.
- HTML 소스 영역 : HTML 소스를 보여주는 곳입니다. 이곳에 HTML 원본을 입력한후 정리를 하게 됩니다.
- 정리작업 영역: HTML 소스를 어떻게 정리할 것인지 명령을 수행하는 영역입니다.
- 미리보기 영역: HTML 소스가 어떻게 보여지는지 체크하는 구간입니다.
- HTML 에디터: 위지윅 에디터로 원본을 복사하여 html로 전환할때 사용합니다. HTML의 구성되는 요소를 정리해주는 효과가 있습니다.
정리작업은 속성정리, 태그정리,여백정리의 3가지로 구분되어 있습니다.
우선 위 3가지 작업중에 한가지를 선택하면 아래에 선택된 작업의 종류가 버튼에 표시되고 입력창에 제거될 값이 표시됩니다. 입력창에 추가적으로 값을 설정하거나 기존 값을 삭제할 수 있습니다.
여백은 별도의 속성값이 없습니다. 를 스페이스로 전환하고 > <등의 기호 등에 붙어 있는 공백이나 겹쳐서 표기된 공백등을 제거해줍니다. <!-- ~~ --> 구문의 삭제는 아직 완벽하지 않으니 이 부분은 원활치 않은 경우 수동으로 삭제하시기바랍니다.
워드프로세서 내용을 HTML 로 정리하기.
대부분의 HTML 작업은 엄청난 삽질을 수반하게 됩니다. 웹작업의 삽질중에 제일 양이 많고 지리한 작업이 아래한글로 된 자료를 HTML로 변경하는게 아닐까 싶은데요. HTML로 전환한 다음 일일이 스타일과 태그를 정리하는 방식과 표준적인 HTML 문서를 만들고 나서 드림위버등에 띄워놓고 아래한글의 내용을 한땀한땀 피나는 장인정신의 기지를 발휘하여 카피/붙여넣기를 통해 작업을 완주하는 방식이 있습니다. 이 방법은 다음의 절차로 하면 좀더 단순해질 수 있을 것으로 기대됩니다.
- 아래한글/워드에서 필요한 부분만큼을 선택한후 Ctrl+C로복사합니다.
- 위지윅 에디터에 포인트를 옮기고 Ctrl+V로 붙여넣기를 합니다. 가급적이면 마우스 오른쪽 버튼을 사용하지 마시기 바랍니다.
- 위지윅 에디터의 '소스'버튼을 클릭합니다.
- HTML 소스로 전환되면 전체를 선택하여 HTML 영역으로 카피한 다음 태그소스를 정리합니다.