네이버 블로그에 글을 써보고 다음 블로그에 글을 써보면서
HTML을 생성하는데 있어서 차이가 있음을 보았다.
우선 네이버 먼저
아래와 같은 글을 썻을 때 네이버의 경우에 어떻게 html이 생성되는지를 보자
글씨가 잘 안보이므로 그대로 복사해서 여기에 코들를 붙여 넣어 보았다.
편집하려고 HTML버튼을 누르자 마자 답답한 느낌이든다.
<p><span style="font-family: 돋움,dotum; font-size: 12pt;">안녕하세요 </span></p><p style="text-align: center;" align="center"><span style="font-family: 돋움,dotum; font-size: 12pt;"><span style="font-size: 24pt;">안녕하세요2</span></span></p><p style="text-align: center;" align="center"><br><span style="font-family: 돋움,dotum; font-size: 12pt;"><span style="font-size: 24pt;"></span></span></p><p style="text-align: center;" align="center"><span style="font-family: 돋움,dotum; font-size: 12pt;"><span style="font-size: 24pt;"><img id="se_object_139449762614560616" src="http://blogfiles.naver.net/20140311_293/mgrrm36_13944976270086nwtR_JPEG/11_cat_photos.jpg" class="__se_object" s_type="attachment" s_subtype="photo" rwidth="480" rheight="319" imgqe="true" title="11_cat_photos.jpg" jsonvalue="%7B%7D" style=" width:480px; height:319px; rwidth:480px; rheight:319px;" height="319" align="" width="480"><br></span></span></p>
아래는 다음의 글쓰기 창의 경우이다 경우이다.
위와 같이 글을 쓰면 아래와 같이 생성된다.
들여쓰기까지는 아니지만 깔끔하게 생성이 된다.
<p><span style="font-family: Gungsuh,궁서;">안녕하세요</span></p>
<p><br></p>
<p style="text-align: center;"><span style="font-size: 36pt;">안녕하세요 2 </span><span style="font-size: 36pt;"></span></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/blog/227C5549531E58B311" class="txc-image" actualwidth="400" exif="{}" style="clear:none;float:none;" border="0" hspace="1" vspace="1" width="400" /></p>
<p style="text-align: center;"><br></p>
두쪽에 글을 쓰고 HTML이 생성된 것을 보면 다음 쪽이 훨씬 심플하게 코드가 나온다.
편집하기 쉽게 가독성도 좋게 나오고 두쪽다 글쓰고 HTML부분 편집해 보면서
네이버쪽 알아보기가 힘들어서 끄적끄적..