2012-01-03 1 views
6

YouTube에서 탐색 메뉴의 아이콘에 1x1x 투명 이미지를 사용하는 이유는 무엇입니까? 그런 다음 CSS를 사용하여 1px 이미지의 배경 이미지로 최종 아이콘을 설정합니다.YouTube 탐색 메뉴에서 1x0x1 픽셀 GIF

왜이 기술을 사용합니까?

+0

사람들이 자신의 아이콘을 훔치고 스푸핑 사이트를 생산을 중단 할 수

희망 (당신은 스프라이트의 속도와 태그의 alt 속성의 접근성을 얻을) 및/또는 컨트롤. –

+2

그것입니까? coz 나는 여전히 스프 라이트 이미지에서 아이콘을 도용하거나 httrack을 사용하여 사이트를 저장할 수 있습니다. – pegasus

+0

좋은 질문입니다. 왜냐하면 그 'img' 태그에 백그라운드 스프라이트가 있기 때문입니다. 나는 왜 당신이 그곳에'img' 태그를 넣을 것인지 궁금합니다. 내가 생각할 수있는 한 가지 이유는 alt 태그 때문이지만 alt는 비어 있습니다. – locrizak

답변

6

나는 그들이의 performace을 향상시키기 위해 이런 짓을했다고 생각.

당신은 css를 사용하여 태그에 배경을 부여했으며, HTTP 요청을 줄이고 YouTube로드 속도를 향상시키기 위해 스프라이트를 사용하여 배경을 완성했다고 생각합니다. 그들의 이미지를 훔치는 것은 완전히 쓰레기입니다.

다음 부분 내가 설명하기 어려운 약간을 찾을 수 있습니다, 그래서 최선을 다할 것입니다, 죄송합니다 내가 여기 당신을 잃을 경우 :주고 실제로 뭔가를이 있어야만로

이미지 태그 사용 거기에 이미지가있는 배경이 있고 이미지가있는 것이 의미가 있습니다 (실제로 이미지가 있기 때문에 HTML이 아닌 CSS를 사용하여 생성됩니다). 예를 들어 div 태그를 쉽게 넣을 수는 있지만 더 이상 이해가되지 않습니다. 이미지 태그보다 div 태그를 넣으십시오. (심지어 이미지가 1 픽셀 x 1 빈 이미지 인 경우에도)

일관성을 개선하기 위해이 태그를 사용할 수도 있습니다. 예를 들어 다양한 태그에서도이 태그를 사용할 수 있습니다. 그들의 사이트의 일부분은 그 youtube 로고 왼쪽 상단, 그렇지 않으면 alt 텍스트를 제외하고 사용되는 동일한 기술, 그렇지 않으면 빈 텍스트가 필요합니다. 그렇지 않으면 대체 텍스트가 거기에 표시 될 것입니다 (당신은 내가 무엇을 의미하는지보기 위해 방화 광을 사용하여 이미지를 제거 할 수 있습니다). 여기에 이미지 태그가 속도 저하없이 접근성을 개선하는 데 사용됩니다 의미

+0

+1 멋진 대답. 이것은 내가 생각하고있는 것을 향해 배우고 있습니다. 속도와 접근성에 사용되었지만 설명하는 방법을 실제로 알지 못했습니다. – locrizak

관련 문제