[HTML] div 태그로 내용 숨기는 방법

Email에서 일반 사용자는 내용을 확인할 수 없지만, 검색으로는 숨겨진 내용을 찾을 수 있는 방법을 있습니다.

보통, input 태그에서 hidden 속성을 주거나, meta 태그로 정보를 넘기는 방법을 생각할 것입니다.

저 역시, 이러한 방법을 사용해봤지만, html 태그가 들어가도 검색으로는 숨겨진 내용을 확인할 수 없습니다.

그래서, 이러한 문제를 해결하려고 찾아보니, 방법이 역시 있었네요.

div 태그를 이용하면 되는 데, 보통 div 태그를 레이아웃을 나눌 때나 사용할 것입니다.

하지만 div 태그에서 style 값을 다음과 같이 설정한다면, 해당 내용을 숨길 수 있습니다.

<div id="id" style="display:none"> 숨길 내용 </div>

display:none을 사용하면, "숨길 내용"이라는 문구는 보이지 않습니다.

하지만, 메일에서 해당 내용으로 검색이 되는 것을 확인할 수 있을 것입니다.

이 방법을 이용하여, 메일 필터도 가능할 것입니다.

혹시나, 저와 같은 문제에 봉착했었던 사람이었다면, 도움이 되었기를 바랍니다.

서로 링크 추가는 항상 환영입니다 :)