와 (2020)

5 hours ago 1

90년대 웹 초기에 등장한 <blink>와 <marquee> 태그는 당시 웹디자인의 상징적인 요소였음
<blink> 태그는 Netscape Navigator 2.0에서 도입되며, 장난스러운 목적과 심미성 부족에도 불구하고 널리 사용됐음
Microsoft는 이에 대응해 Internet Explorer에 <marquee> 태그를 도입해 텍스트 애니메이션을 한층 다양하게 제어할 수 있게 했음
두 태그를 중첩해서 사용하면 브라우저 별로 다른 애니메이션 효과 제공이 가능했으며, 점진적 향상 원칙의 사례로 언급됨
현재 <blink>는 사라졌고 <marquee>도 사용이 권장되지 않지만, 웹 역사와 온라인 노스탤지어의 대표 사례로 회자됨

서론: <blink>와 <marquee> 태그의 회상

최근 동료 웹 개발자와 대화 중, HTML <blink>와 <marquee> 태그에 대한 농담을 했는데, 상대방 개발자가 이 두 태그를 모른다는 사실을 알게 됨
이 태그들은 현재 젊은 개발자들에게는 생소하지만, 한때 90년대 웹디자인의 상징적인 요소였음

<blink> 태그의 탄생 배경과 역사

<blink> 태그의 창조자는 종종 Lynx 브라우저를 만든 Lou Montulli로 알려져 있으나, 실제로 그는 자신이 직접 코드를 작성하지 않았다고 밝힘
그의 주장에 따르면 한 바에서 Netscape 엔지니어들과의 대화 중, Lynx 같은 텍스트 브라우저에도 사용할 수 있는 “텍스트 깜박임 효과”가 농담으로 제안되었고, 이를 바탕으로 다른 엔지니어가 밤새 작업해 구현함
1995년 Netscape Navigator 2.0에 <blink> 태그가 정식 도입돼, 움직이는 GIF와 초기 JavaScript와 함께 개인 웹사이트 경험을 정의하는 데 일조함
<blink> 태그는 속성 없이 사용되며, HTML4에서는 공식적으로 농담용 태그로 기록됨에도 불구하고, 90년대 후반 대중적으로 남용됨
“최신 업데이트” 강조 등 각종 메시지의 주목성을 높이기 위해 많이 쓰였음

<marquee> 태그와 브라우저 간 경쟁

같은 해 Microsoft가 발표한 Internet Explorer 2.0은 Netscape의 <blink>와 달리, <marquee> 태그를 도입함
<marquee> 태그는 스크롤 방향, 속도, 반복 여부 등 다양한 속성으로 애니메이션을 조정할 수 있음
<blink>가 농담조로 시각적 가독성을 해칠 수 있도록 했다면, <marquee>는 의도적으로 효과를 강조함
90년대 말에는 두 태그를 함께 사용하는 방식—<marquee> 안에 <blink>—이 브라우저별(IE와 Netscape)로 서로 다른 효과를 제공하는 방법으로 유행함

점진적 향상(Progressive Enhancement)과 웹 호환성

<blink>와 <marquee>의 중첩 사용은 웹 브라우저가 미지원 태그를 무시하고 내부 콘텐츠는 그대로 렌더링하는 Postel’s Law(관용의 원칙) 와 관련됨
새로운 HTML 요소(<video> 등)도 이런 이유로 종종 비자기 종료 태그를 적용, 호환성 보장에 힘씀
<blink>/<marquee> 같은 태그를 활용할 경우, 태그를 모르는 브라우저에서도 정보 콘텐츠를 읽을 수 있었음
웹은 모든 사용자에게 정보를 제공하고, 일부 브라우저만 추가 효과를 즐길 수 있도록 하는 점진적 향상 개념에 기반함

다양한 브라우저에서의 변화와 지원

Opera 사용자는 유료 라이선스로도 <blink>나 <marquee> 효과를 거의 보지 못했으나, 콘텐츠 접근엔 문제가 없었음
Netscape 7은 <blink>와 <marquee>를 모두 지원한 거의 유일한 브라우저로, 동시에 스크롤 + 깜박임 효과를 구현할 수 있어 웹에서 가장 보기 힘든 효과 연출 가능했음

결론: 현재의 위치와 웹 디자인의 교훈

<blink> 태그는 현재 완전히 사라졌음(현대 브라우저 미지원), 필요하다면 CSS 애니메이션으로 대체 가능함
<marquee>는 일부 브라우저에서 여전히 기본 지원 또는 polyfill이 존재함에도 불구하고, 사용은 추천되지 않음
웹의 역사와 과거 온라인 미학의 상징이자, 웹 표준과 접근성과 유지보수의 교훈적 사례로 남아 있음
디지털 노스탤지어에 관심이 있다면, 예전 웹 디자인과 관련된 자료나 사이트를 참고하면 됨

Read Entire Article