Blue Links

구글에서 제공하는 서비스로 Blue Links 라고 불린다.

지메일 내용에 날짜, 전화번호, 주소, 이메일 주소가 자동으로 인식되어서 <a>링크가 걸리는 현상이다. 



해결방안

1. 링크를 막는 메타 태그 사용

  • <head> 태그에 들어가야함.
  • 하지만 정확한 해결책인지 확실하지 않음.


메타태그
<meta name="format-detection" content="address=no">


2. "Zero Width No-Break Space"문자 (& # 65279) 또는  "Zero WidthSpace"문자 (& # 8203) 사용


엔티티코드 예시
<p>&#65279;서&#65279;울&#65279;특&#65279;별&#65279;시&#65279; 서&#65279;초&#65279;구&#65279; 신&#65279;반&#65279;포&#65279;로&#65279;</p>



3. <a>요소에 스타일적용.

  • <a> 요소를 지정해서 사용하되 사용자가 육안상으로 봤을때 텍스트로 인식하게 하는 방식.
  • 인라인 형식으로 들어갈 경우 htref 속성을 작성하지 않는다.


<a> 인라인방식
<a style="color: #333; text-decoration: none; cursor:text;">서울특별시 서초구 신반포로</a>


내부, 외부 스타일 방식
.link > a {
    color#333;
    text-decorationnone;
    cursor: text;
}



+ Recent posts