티스토리 글쓰기에서 span 태그와 nbsp 코드가 자동으로 삽입되는 이유와 해결책...

티스토리 글쓰기에서 글을 작성하다가 html 모드로 들어가 보면 가끔식 이상한 태그와 코드들이 보일 때가 있다... span 태그와 nbsp 코드이다... nbsp 코드는 non-breaking space의 약자로 뛰어쓰기와 관련된 코드이며 그닥 중요하지 않아서 그냥 넘어갈 수 있지만 span 태그 같은 경우는 블로그 글의 서식 및 레이아웃과 디자인에 영향을 주기 때문에 정리를 해야한다... 이러한 태그와 코드가 왜 생기고 어떻게 방지하고 해결책이 있는지 알아보자...

span 태그는 이미 말했듯이 글의 서식과 관련되어 퍼온 글을 삽입하거나 두개의 문단을 Delete나 Backspace를 눌러 하나의 문단으로 만들 때 생긴다... span 태그 자동 생성 방지 방법은 "Ctrl-Shift-v"로 서식없이 글을 삽입하는 것이다... 이 방법을 사용하여 워드나 엑셀 같은 문서 편집 시에도 서식없이 글을 삽입할 수 있다...

nbsp 코드는 문장 끝에 뛰어쓰기를 하고 다른 창으로 넘어가거나 html 모드로 들어가거나 뛰어쓰기를 두번 이상 하면 자동으로 생긴다... 그러므로 다른 창이나 html 모드로 가기 전에 문장 가장 뒤에 뛰어쓰기가 없는 것을 확인하고 뛰어쓰기를 두번 이상 안하면 된다...

만약에 글을 다 쓰고 나서 html을 확인해 보았는데 span 태그와 nbsp 코드가 널려있다면 보통 모드에서 ctrl-a, ctrl-c, ctrl-shift-v를 순서대로 눌러주거나 글을 메모장에 복사했다가 다시 붙여주면 된다... 단, 이 방법을 사용하면 삽입한 사진이나 링크 같은 모든 태그가 없어지고 문단마다 br 태그가 자동 삽입된다... 빈 문단에 가서 Backspace를 사용하여 빈 문단을 지우면 span 태그가 자동 생성되지 않는다...

센스쉐프님의 조사결과에 따르면 이런 현상들은 크롬에서만 발견된다고 하지만 필자는 크롬이 편하기 때문에 이미 말한대로 조심하면서 글쓰기를 할 것이다... ^^