• 방명록을 남겨 주세요 :-) 일주일 동안 열지 않기
  • 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

깨알팁

팁 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

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

이윰
342 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
63
0
image
291
0
normal
39
0
normal
114
+1
normal
168
0
normal
224
+1
image
342
+2
image
362
+4
normal
1103
+1
image
268
+1
image
228
0
normal
176
0
normal
200
+1
normal
1047
+1
normal
128
+5
image
253
+1
normal
245
+2
normal
1824
+1
image
298
+1
normal
314