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

통합 게시글

통합 게시글 입니다.

주간 조회수 인기글

주간 추천수 인기글

  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

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

이윰
166 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
image
  29
0
image
  45
0
image
  149
0
image
  23
0
image
  42
0
normal
  27
+1
normal
  32
0
normal
  32
+1
image
  166
+1
image
  396
+1
image
  91
+1
image
  187
+1
normal
  287
+1
image
  181
+1
image
  152
0
normal
  142
0
normal
  173
+1
normal
  698
+1
normal
  107
+4
image
  157