블링크 요소
Blink element깜박임 요소는 사용자 에이전트(일반적으로 웹 브라우저)에게 페이지 작성자가 깜박임(즉, 보이는 것과 보이지 않는 것 사이에서 번갈아)을 의도한다는 것을 나타내는 비표준 HTML 요소다.[1]이 요소는 Netscape Navigator에[2] 도입되었지만 더 이상 지원되지 않으며 종종 현대 웹 브라우저에 의해 무시된다. Internet Explorer와 같은 일부 요소는 이 요소를 전혀 지원하지 않았다.[3]
1990년대 홈 유저들의 초기 인기에도 불구하고 과용과 독서에 나타나는 어려움 때문에 인기가 떨어졌다.[4]종종 깜박임 원소의 발명가로 인정받는 루 몬툴리는 실제 코드를 쓰지 않은 채 이 아이디어를 제안했을 뿐이라고 주장한다.[5]
…저녁 어느 날 나는 우리가 제안하고 있는 HTML 확장자 중 많은 것을 Lynx가 표시할 수 없다는 것이 슬프다고 언급했는데, 나는 또한 Lynx가 그 환경을 고려할 때 유일하게 활용할 수 있는 텍스트 스타일은 깜박이는 텍스트였다고 지적했다.우리는 문자를 깜빡일 생각을 하니 꽤 웃음이 났고, 이것저것 깜빡이는 것에 대해 이야기했고, 모든 것이 얼마나 황당할까……토요일 아침은 뒹굴었고 나는 단지 문자만 깜박이며 다른 것을 찾기 위해 사무실로 향했다.그것은 모든 영광 속에서, 그리고 브라우저에서 깜박거리고 있었다.어떻게 이럴 수가 있어?알고 보니 기술자 중 한 명이 내 아이디어를 너무 마음에 들어 자정이 넘은 시각에 술집을 나와 사무실로 돌아와 하룻밤 사이에 깜박이는 태그를 실행한 것이다.그는 아침에도 여전히 그곳에 있었고 그것을 꽤 자랑스러워했다.[5]
사용법
깜박임 요소는 비표준적이며, 따라서 그 구문이나 의미론에는 권위 있는 명세가 없다.월드 와이드 웹 컨소시엄의 버트 보스는 블링크 요소의 구문(중점 및 인용에 대한 요소와 동등한 수준의 구문 요소로 정의)을 포함하는 문서형 정의(Document Type Definition)[6]를 제작했지만, DTD의 논평은 농담으로 의도된 것이라고 설명한다.
블링크 요소 유형의 구문은 스팬과 같은 표준 HTML 인라인 요소와 동일하다.예를 들면 다음과 같다.<blink>This text could blink</blink>
. 깜박임 속도는 브라우저마다 다르며 태그에는 깜박임 속도를 조정할 수 있는 매개 변수나 수단이 포함되어 있지 않다.태그를 지원하는 Mozilla Firefox 버전에서는 텍스트가 1/4초 동안 보이는 것과 1/4초 동안 보이지 않는 것 사이에서 번갈아 나타난다.[7]
깜박임 요소 유형은 Netscape Navigator를 위해 처음 개발되었으며 Mozilla Firefox와 같은 후손에서 지원되었다(Netscape 6 및 초기 Mozilla Suite 브라우저 제외). 따라서 Mozilla 제품군에서 내려오는 SeaMonkey에도 없다). 버전 23에서 Firefox에서 제거되었다.[8][9]마이크로소프트의 인터넷 익스플로러와 웹킷(애플의 사파리, 구글 크롬의 뒤를 잇는 브라우저 엔진)은 CSS 화신에서도 이를 지원하지 않았다.또한 Opera Internet Browser에 의해 지원되었지만, 그 브라우저가 WebKit 기반 엔진으로 전환되면서 버전 15에서 지원이 종료되었다.비발디는 프레스토에 본부를 둔 오페라의 정신적 계승자로서의 뿌리에도 불구하고 기능적인 깜박임 태그를 지원하지 않는다.
어떤 소프트웨어는 부활절 달걀로 깜박이는 요소를 지원한다.구글 검색은 '블링크 html'[10]을 검색할 때 페이지의 일부를 깜박인다.Android의 사용자 인터페이스 프레임워크는 깜박임 태그를 지원하여TAG_1995
그 [11]소스코드로
실행
CSS 텍스트 탐색 속성의 깜박임 값은 저자가 고유 태그를 사용하지 않고 텍스트를 깜박여야 한다고 제안할 수 있지만, CSS 2.1 규격에는 사용자 에이전트 접근성 지침을 준수하기 위해 "적합한 사용자 에이전트가 텍스트를 깜박이지 않을 수 있다"고 명시되어 있다.[12]
<spanstyle="텍스트-스크린: 깜박임;"여기서 깜박일 텍스트
깜박임 요소는 CSS 애니메이션을 사용하여 구현할 수도 있다.
눈을 깜박이다, .눈을 깜박이다 { 애니메이션: 눈을 깜박이다 1s 스텝엔드 무한의; } @열쇠고리 눈을 깜박이다 { 67% { 불투명성: 0 } }
자바스크립트의 사용으로도 비슷한 효과를 얻을 수 있다.
<각본을 뜨다타자를 치다="텍스트/텍스트"> (기능을 발휘하다(){ 시합을 하다눈을 깜박이다=문서화하다.getElementsByTagName('blink'); 시합을 하다가시성='hidden'; 창문의.setInterval(기능을 발휘하다(){ 을 위해(시합을 하다i=눈을 깜박이다.길이-1;i>=0;i--){ 눈을 깜박이다[i].문체를 하다.가시성=가시성; } 가시성=(가시성==='visible')?'hidden':'visible'; },250); })(); </각본을 뜨다> 여기서 깜박거릴 텍스트
또는 깜박임 기능은 jQuery의 도움을 받아 구현할 수 있다.
<각본을 뜨다타자를 치다="텍스트/텍스트"> setInterval(기능을 발휘하다(){ $('blink').각각(기능을 발휘하다(){ $(이).토글하다(); }); },250); </각본을 뜨다> 여기서 깜박거릴 텍스트
사용성 및 접근성
HTML에서 깜박임 태그를 구현하기 전에도 애플 IIe는 표준 화이트-온-블랙 텍스트와 역 블랙-온-화이트 텍스트 사이를 번갈아 가며 깜박이는 텍스트 모드를 가지고 있었다.1982년 애플 컴퓨터 개발자용 매뉴얼은 비상사태를 제외하고 이 기능을 사용하지 말 것을 권고하면서 "데이터나 프로그램의 파괴가 임박했음을 알리는 데만 [텍스트] 플래시를 사용해야 한다"고 경고했다.[13]
깜박임 요소는 사용적합성과 접근성 전문가들에 의해 지속적으로 비판되어 왔다.1996년 Jakob Nielsen은 Alertbox 칼럼에서 웹 디자인에서 Top Ten Laughts in Web Design에서 이 요소를 "단순히 악"이라고 묘사했다.[14]월드와이드웹 컨소시엄의 웹콘텐츠 접근성 가이드라인(WCAG) 1.0은 콘텐츠 저자가 화면이 깜박이거나 깜빡이는 현상을 피해야 한다고 명시하고 있는데, 이러한 영향은 인지장애나 감광성 간질증 환자의 문제를 일으킬 수 있다는 점에 주목했다.[15]
미국 연방정부 508조는 페이지들이 빠르게 깜박이는 텍스트를 포함하는 범위인 2Hz에서 55Hz 사이의 주파수로 화면이 깜박이는 것을 피해야 한다고 명시하고 있다.[16]
독일 연방정부의 배리레프리에 정보스텝니크-버러드농(접근 가능한 정보 기술 조례)도 콘텐츠의 깜박임이나 깜빡임 현상을 피해야 한다고 명시하고 있다.[17]
사용자 에이전트 내게 필요한 옵션 지침을 준수하기 위해 사용자 에이전트는 "구성에서 애니메이션 또는 깜박이는 텍스트 내용을 움직이지 않고 깜박이지 않는 텍스트로 렌더링할 수 있도록 허용"하거나 절대 텍스트를 깜박이지 않아야 한다.[18]Mozilla Firefox는 깜박임을 비활성화하는 숨겨진 구성 옵션을 제공함으로써 이 요구 사항을 충족시켰다. 브라우저.[7]약:config를 통해 액세스할 수 있는 blink_messages.깜박이는 기능은 버전 23 이후 완전히 비활성화되었다.[8]
참고 항목
참조
- ^ "<blink>". Mozilla Developer Network. Retrieved 11 September 2017.
- ^ "the origin of the <blink> tag - www". www.montulli.org. Retrieved 11 September 2017.
- ^ "<blink>". Mozilla Developer Network. Retrieved 11 September 2017.
- ^ "Saying Goodbye To The HTML Blink Tag". Fast Company. 7 August 2013. Retrieved 11 September 2017.
- ^ a b "The Origins of the <blink> Tag". www.montulli.org. Retrieved 23 October 2009.
- ^ Bos, Bert. "HTML40, but with BLINK added". World Wide Web Consortium. Retrieved 12 December 2006.
- ^ a b "VPAT for Firefox 3.0 and 3.5". Mozilla. Retrieved 23 October 2009.
- ^ a b "Firefox 23 Release Notes". 6 August 2013. Retrieved 8 August 2013.
- ^ <블링크> - HTML MDN
- ^ McNamara, Paul (24 February 2014). "Google Easter Egg Leads to Story Behind 'Blink' Tag". NetworkWorld.com. Network World. Retrieved 20 January 2015.
- ^ "core/java/android/view/LayoutInflater.java - platform/frameworks/base - Git at Google". android.googlesource.com. Retrieved 20 September 2019.
- ^ "Cascading Style Sheets, level 1". Cascading Style Sheets Working Group, World Wide Web Consortium. Retrieved 23 October 2009.
- ^ Meyers, Joe; Tognazzini, Bruce (1982). Apple IIe Design Guidelines (PDF). Apple Computer. p. 38. Archived from the original (PDF) on 23 September 2015. Retrieved 11 March 2014.
- ^ "Original Top Ten Mistakes in Web Design (Alertbox)". Useit.com. Retrieved 23 October 2009.
- ^ Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (5 May 1999). "Web Content Accessibility Guidelines 1.0". World Wide Web Consortium. Retrieved 20 July 2010.
- ^ Government Services Administration. "Section 508: Section 508 Standards". Section508.gov. Archived from the original on 22 October 2009. Retrieved 23 October 2009.
- ^ "BITV — Einzelnorm". gesetze-im-internet.de. 12 September 2011. Retrieved 3 March 2014.
- ^ "2. The user agent accessibility guidelines". W3.org. 17 December 2002. Retrieved 23 October 2009.