포럼

의미 없는 DIV를 남발하는 에디터

네이버 스마트에디터나 Sir Trevor 에디터 모두 의미 없는 div 사용을 남발하고 있는 에디터입니다.

https://www.xetown.com/index.php?mid=square&search_target=nick_name&search_keyword=%EB%9D%BC%EB%A5%B4%EA%B2%8C%EB%8D%B4&document_srl=18343

http://madebymany.github.io/sir-trevor-js/example.html

Froala Editor 깃헙 이슈에도 단란 옮기기 건으로 한번 생각해봐달라고 글을 남기긴 했는데요,

https://github.com/froala/wysiwyg-editor/issues/2014

문단 구분 태그

'문단 구분 태그'에 대해서 여러 글을 찾아보고 했는데, 

구글의 봇이 SEO 작업할 때 하나의 글에 div와 p 태그를 어떻게 구분하고 검색에 활용하는지는 잘 모르겠습니다.

다만, 이와 비슷하게 우리글에서 문장과 문장, 문단과 문단을 구분하는 문제에 대해서

예전에 p 태그와 br 태그의 쓰임 방법에 대해서 

정찬명님께서 XEED 개발에 참조할 모양으로 쓰신 것인지 이런 글을 쓰신 적도 있는데요.

http://naradesign.net/wp/2011/04/06/1461/ - 국내외 유명 웹에디터의 P, BR 구현방식 벤치마킹

아마 우리나라의 온라인 글쓰기 문화가 띄어쓰기 없는 긴 문장을 읽기 난해하다고 생각하는 부분들이 많아

혹은 잘 정돈된 글이 아니라 짧은 글 위주의 글쓰기가 온라인에서 보편화되어있다보니깐,

아무래도 P 태그와 BR 태그의 쓰임방법에 대해서 고민했던 게 아닌가 싶습니다.

요즘에 와서야 검색 엔진의 SEO 영역이 중요시되고 있고, 의미에 맞는 태그를 사용하자는 뜻에서 

BR태그의 사용을 지양하고, 문단은 P 태그를 사용하자는 게 올바른 태그의 사용법인 것 같은데,

위에서 말했다시피 우리나라의 경우 위 아래 여백이 있는 P 태그보다는 BR이 그 쓰임의 의미적인 측면에서 봤을 때는 좀 더 맞지 않을까 싶기도 합니다.

지금 P 태그로 쓰는 것은 기본 여백이 있고 없고와는 무관하게 요즘에는 큰 모니터로 보다보니, 

큰 글씨에 여백이 있는 것이 좀 더 디자인적으로 조화로워보입니다.

DIV SEO / 구글 문단 구분 div p

DIV 태그의 SEO 관련해서는 영어 이해력이 부족해서 검색해도 잘 모르겠습니다. 

• http://forums.seochat.com/search-engine-optimization-28/div-tags-search-engine-optimization-392087.html
• https://webmasters.stackexchange.com/questions/60099/use-p-tag-inside-a-div-tag-for-text
• https://productforums.google.com/forum/#!topic/webmasters/NvB9f5n0saU

DIV, BR, P, SPAN 마크다운

• http://server-talk.tistory.com/104
• https://nolboo.kim/blog/2013/09/07/john-gruber-markdown/
• http://www.epubguide.net/9
• http://b.mytears.org/2009/02/1486
• http://egloos.zum.com/hanulnun/v/2569055 - DIV와 SPAN의 용도와 사용법
• http://snusang.tistory.com/3 - 공간불할태그 DIV태그, SPAN 태그
• http://blog.naver.com/PostView.nhn?blogId=wdig&logNo=140050287338 - DIV, P, SPAN 태그의 차이점을 아시나요
• http://webberstudy.com/html-css/html-1/div-span-and-class-attr/ - 의미없는 요소 DIV, SPAN 그리고 CLASS 속성
• http://www.yourhtmlsource.com/myfirstsite/basicformatting.html
• https://www.tutorialspoint.com/html/html_phrase_elements.htm - HTML 구문 태그
• https://hea-www.harvard.edu/~fine/Tech/html-sentences.html
• http://blog.naver.com/PostView.nhn?blogId=scyan2011&logNo=220945045024&parentCategoryNo=&categoryNo=31&viewDate=&isShowPopularPosts=false&from=section
• http://zzangsaem.blogspot.kr/2016/06/html-phrbr.html - 문단을 구분하는 태그
• http://cocosoft.kr/343 - P,BR,DIV,SPAN 태그의 차이점 및 문단간격없음
• http://sjlee.khu.ac.kr/HOWHTML/html5.html
• http://aljjabaegi.tistory.com/m/49 - 문단 관련 태그

찾아봤지만 딱히~ 문단을 구분하는 것은 P 태그라는 것 정도만 되어있지, 국내의 글쓰기에서 P 태그와 BR 태그, 그리고 SEO의 연관성에 대해서는 아직 잘 모르겠습니다. @_@;

BR의 사용은 자제하고, P 태그는 문단 구분 태그라는 것 정도;;

테스트 삼아 또 글을 적어봤습니다. ;; 적어놓고 보니, Froala Editor 에서 문단과 문단을 구분하는 건 그냥 p 태그를 한번 더 엔터를 쳐서 구분짓는 거네요 ㅎ

몇가지 생각은 해봤습니다. 

1. 의미없는 div, hr 등으로 구분하는 방법
2. 마지막 p 태그에 스타일속성을 주는 방법

옮기는 기능을 구현하기 위해 문단을 구분짓는 방법으로 p 태그와 div 태그를 생각해본 것이었는데,

만약 구현한다면 라르게덴님은 이를 어떻게 하실지 궁금합니다. ㅎ