파이어폭스 말풍선 넣기 태그, 툴팁 출력; Firefox Tooltip Tag

만화의 말풍선은 영어로 "Speech Balloon"이라고 하지만, 컴퓨터에서의 말풍선은, 즉 마우스 커서를 가져가면 나오는 하얀 상자는 툴팁(Tooltip)이라고 합니다.

Q: 파이어폭스에서 alt 속성으로 말풍선이 출력되지 않는데 해결 방법은?
A: 인터넷 익스플로러 (IE) 와 달리, 파이어폭스는 웹표준을 엄격히 지키는 브라우저입니다. 따라서 img 태그의 alt 속성으로는 말풍선이 나오지 않습니다. 파이어폭스에서는 title 속성을 사용해야만 말풍선이 나옵니다. 물론 IE에서도 title 속성으로 말풍선이 출력됩니다.

따라서 파이어폭스와 IE 2종류의 브라우저 모두에서 그림이나 사진에 말풍선을 넣으려면 다음과 같이 title 속성을 추가합니다.

<img src="그림 주소" alt="그림이 없을 때 나올 설명" title="말풍선에 나올 설명" />

alt로 그림 설명을 넣고, title로 말풍선을 넣습니다.


참고: ▶▶ HTML] title(타이틀;말풍선) 속성과, img 태그의 alt 속성의, 차이점