mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Tuesday, August 21, 2007

파이어폭스 말풍선 넣기 태그, 툴팁 출력; 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 속성의, 차이점




tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top