1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
Html Tip
여러사이트에서 제가 필요해 가져온 Html Tip들입니다.

이 일을 하면서 가장 분개하는 것은...

어떤 넘인지는 몰라도...

프로그램 하나 잘못 만들어서...

잘못된 사용법이 기준이 되는 억지의 상황이 연출된다는 것이다.

이미지 태그에 alt="회사소개"를 사용한다면...

이것은 alternative context의 약자로

이미지로딩중에 보여질 글을 보여지게 하라는 것이다.

그런데...

국내에서 정부인증까지 받은...웹표준과는 별 상관없는 프로그램이...

alt텍스트(만)를 지원한다.

그 프로그램이 만들어질때에는 alt속성에 대해서는 잘 알려진 반면

title속성은 몇몇 사람들에게만 알려진 것이었다.

그래서...대부분

alt텍스트가 정법인것으로 알고 있다.

아니란 말이다.

이미지에 대한 설명은 title속성으로 하는 것이다.

<img src="company.gif" alt="회사소개" title="회사소개입니다." />

이렇게 사용하고서 이미지에 마우스를 올려보시라.

이미지로딩이전에 보여질 alt텍스트내용이 보이시는지?

의미전달을 위해 사용되는 title텍스트내용이 보이시는지?

만약, alt텍스트가 더욱 중요한 요소라면

왜 현재 사용되는 5~6개의 모든 브라우저가

alt텍스트내용보다 title내용을 보여주는지 설명하실 수 있겠습니까?

(게다가...alt보여주는건 IE뿐.......ㅡㅡ;;)

브라우저 제작사들도...

title속성이 중요하기 때문에 그렇게 만들었다라는 것...

이해되시려나?

비러머글 프로그램 얘기...

저 프로그램은

국내 웹에이전시에서 최초로 웹표준으로 만들어지기...무려 4년전에 만들어진 프로그램입니다.

웹규약 자체도

1999년에 html4.0 + css2.1 + xhtml1.0이 만들어지고

2003년에 css3.0 forum의 내용이 대거 2.1로 흡수되면서

웹표준이라고 부를 수 있는 뼈대가 다져졌고...

2005~2007년에 수많은 속성값이 신규등장하면서 많은 변화를 겪었습니다.

자...6년전을 기준으로 만들어진 프로그램에다가

2007년에 정비된 웹표준을 짜맞춰 넣으라구요?

잘 나가는 웹에이전시가

저런 구닥다리 규정에 대해 클라이언트에게 이해시키기는 커녕

카테고리 메뉴 = 이미지

로케이션 = 이미지

회사주소 = 이미지

전화주소 = 이미지

강조글 = 이미지

인사말 = 이미지

게시판제목 = 이미지

데이타테이블제목 = 이미지

웹표준에 맞지 않은 웹사이트를 만들면서

코딩은 웹표준으로 한다구요?

정말 난감합니다.

alt는 이미지가 로딩되기 이전에 유저에게 보여주는 용도일 뿐이고,

title은 태그와 태그에 대한 설명,내용을 담는 속성입니다.

단지, 비러머글 특수프로그램이 지원을 안할뿐...

[레벨:5]happycomp
2011.05.01 11:29:34 댓글

공부할 것 투성이군요....^^; 정보 감사드려요~

번호
제목
글쓴이
38 IE 버젼별로 css 따로 적용하는 방법
[레벨:30]id: 팔공산
2011-02-17 896
37 마퀴태그의 기본
[레벨:30]id: 팔공산
2010-02-06 2285
36 이미지 바꾸기 소스 1
유료회원감로수
2009-06-06 3910
35 익스6에서만 작동되게하는 css구문
[레벨:30]id: 팔공산
2009-02-19 3571
34 CSS 기초 깨우치기 1
[레벨:30]id: 팔공산
2008-10-12 4495
33 CSS 사용시 익스플로러 버그 해결하기
[레벨:30]id: 팔공산
2008-07-19 3893
32 CSS : 글꼴과 텍스트(2) - 장식과 자간 및 줄간 1
[레벨:30]id: 팔공산
2008-07-19 4896
31 기본적인 태그 (링크걸기)| 1
[레벨:30]id: 팔공산
2008-07-12 4347
30 가장 기본적인 태그들
[레벨:30]id: 팔공산
2008-07-12 2838
29 자신의 홈에 프린트버튼을 넣자 2
[레벨:30]id: 팔공산
2008-07-12 2716
28 테이블(셀) 깨지지 않는 CSS 1
[레벨:30]id: 팔공산
2008-07-12 3551
27 날짜 매개변수 1
[레벨:30]id: 팔공산
2008-07-12 2769
26 이미지 없이 그라데이션효과 주기
[레벨:30]id: 팔공산
2008-07-12 3498
25 자신의 홈페이지 단어를 더블클릭하면 네이버로 해당단어 검색을 1
[레벨:30]id: 팔공산
2008-07-12 2690
24 뒤로..앞으로..새로고침 버튼 넣기
[레벨:30]id: 팔공산
2008-07-12 3774
23 ( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서 3
[레벨:30]id: 팔공산
2008-04-27 5925
22 붙어야 할 이미지가 붙지 않을때.
[레벨:30]id: 팔공산
2008-04-19 2796
21 사각박스 코너를 이미지없이 둥글게 만드는법
[레벨:30]id: 팔공산
2008-04-08 3264
20 CSS로 바꾸어 쓰는 HTML태그!.. [XHTML약간^^;] 1
[레벨:30]id: 팔공산
2008-04-04 3294
19 네이밍 가이드
[레벨:30]id: 팔공산
2008-04-04 3206
18 논리 태그 사용
[레벨:30]id: 팔공산
2008-04-04 3368
17 POSITION속성과 그 속성값 2
[레벨:30]id: 팔공산
2008-04-04 3735
16 긴 제목 마우스오버시에만 보기
[레벨:30]id: 팔공산
2008-04-04 3210
15 xhtml 기본 작성법
[레벨:30]id: 팔공산
2008-04-04 3163
14 display:block 쪼금 더~
[레벨:30]id: 팔공산
2008-04-04 5792
13 글들의 상하 정렬위치 설정 vertical-align속성
[레벨:30]id: 팔공산
2008-04-04 3735
12 덧글달기 CSS Coding TIP
[레벨:30]id: 팔공산
2008-04-04 2765
11 iframe 대신 사용하는 object 태그 1
[레벨:30]id: 팔공산
2008-04-04 4222
10 TD안엔 DIV를 넣어라? 1
[레벨:30]id: 팔공산
2008-04-04 4040
제발...alt텍스트와 title텍스트를 구분해조바바 1
[레벨:30]id: 팔공산
2008-04-04 3672
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA