• 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

블로그/웹사이트

홈페이지, 블로그 꾸미기 팁 정보 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

블로그에 글을 쓸 때 알아두면 좋은 것 02 - 웹페이지 복사 + 붙여 넣기

이윰
183 1 0

# 외부 글쓰기 에디터에서 작성한 글이나 웹페이지를 복사 + 붙여 넣기 하지 않기

외부 에디터 앱에서 작성한 글이나 웹페이지를 그대로 복사 + 붙여 넣기를 할 경우, 불필요한 HTML 태그까지 따라옵니다.


티스토리 메인의 텍스트를 복사 붙여 넣기 해보겠습니다.

tistory-min.png

<p><b>이 놀라운 사이트들이 <br />모두<span>&nbsp;</span><span>다</span>티스토리라는 사실</b></p>
<p>티스토리는 그저 공간일 뿐이에요. 그 공간에 무슨일이 일어날지는 아무도 상상할 수 없죠.</p>

붙여 넣은 후 HTML 모드로 확인하면 불필요한 <span> 태그가 따라온 것을 확인할 수 있습니다.


네이버 블로그의 글을 복사 붙여 넣기 해보겠습니다.

naver-min.png

<p id="SE-73af1421-2c61-4e08-955b-1fe3fa5c4a3a"><span><span>네이버 블로그 페이지의 글을 복사 붙여 넣기 해보자</span></span></p>

복사 붙여 넣기 후 HTML 모드로 확인하면 불필요한 <span> 태그와 <p> 태그에 아주 긴 id가 따라오는 것을 확인할 수 있습니다.


이렇게 다른 에디터로 작성된 글이나 웹페이지를 붙여 넣으면 HTML 태그까지 따라와 글이 지저분해지고 HTML 코드가 길어져 크게 눈에 띄지는 않지만 속도에 영향을 줄 수도 있습니다. 또 페이지가 읽히는 속도는 SEO에도 영향을 줄 수도 있겠지요.

 

# 다른 에디터에서 작성하고 복사 + 붙여 넣기를 하려면

꼭! 복사 + 붙여 넣기를 해야 한다면 아래 방법으로 해보세요!

  • 티스토리에서는 마크다운 모드를 상태에서 붙여 넣기를 합니다.
  • 마크다운 모드가 없는 그 외 에디터에서는 HTML 모드에서 붙여 넣고 단락 구분과 줄 바꿈을 합니다.
신고공유스크랩

댓글 0

댓글 쓰기
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크
제목 최종 글 조회 수
0
normal
  33
+1
normal
  38
0
normal
  39
+1
image
  183
+1
image
  193
+3
normal
  340
+1
image
  184
+1
image
  154
0
normal
  144
0
normal
  174
+1
normal
  704
+1
normal
  159
+1
normal
  388
+1
image
  186
+1
normal
  247
+1
normal
  194
+1
normal
  232
+2
image
  447
0
normal
  587
+2
image
  171