마르케 원소

Marquee element
"Wikipedia"라는 텍스트를 표시하는 HTML Marquee의 비디오.
HTML
비교

마르키 태그는 비표준 HTML 요소로, 텍스트를 위, 아래, 왼쪽 또는 오른쪽으로 자동으로 스크롤한다.태그는 Microsoft Internet Explorer의 초기 버전에서 처음 도입되었으며, 사용적합성 문제가 있는 HTML 표준에 대한 독점적인 비표준 확장으로서 Netscape의 깜박임 요소와 비교되었다.W3C는 HTML 문서에서의 사용에 대해 충고한다.

사용적합성

Marquee는 주의를 산만하게 할 수도 있다.[1]사람의 눈은 움직임에 이끌리고,[2] 마커 텍스트는 끊임없이 움직인다.

깜박임 요소와 마찬가지로, 텍스트가 표시된 이미지나 텍스트가 렌더링된 페이지에서 항상 완전히 보이는 것은 아니므로, 이러한 페이지를 인쇄하는 것은 비효율적인(불가능하지 않다면) 작업이다. 일반적으로 메시지가 스크롤되거나 깜박이는 곳에 표시될 수 있는 모든 텍스트를 캡처하기 위해 여러 번의 시도가 필요하다.그behavior="alternate"marquee 버전은 텍스트 지터를 앞뒤로 만들지만 스크롤 폭이 올바르게 설정된 경우 텍스트 지터를 표시하지 않는다.

마르키 텍스트는 이동하기 때문에 스크롤 속도와 길이에 따라 정적 텍스트에 있는 링크보다 그 안의 링크를 클릭하기가 더 어렵다.사용자들은 그것이 지나갈 때마다 한 번의 기회만 얻을 수 있다.또한 텍스트를 너무 빨리 스크롤하면 일부 사람들, 특히 시각 장애가 있는 사람들은 읽을 수 없게 될 수 있다.이것은 사용자들을 쉽게 좌절시킬 수 있다.이에 맞서기 위해 클라이언트측 스크립팅은 마우스가 그 위에 있을 때 마크를 멈추도록 프로그래밍할 수 있다.

특성

눈 깜박이는 상대 요소와 달리, 마키 요소는 마키의 외관을 제어하고 조정하는 데 사용할 수 있는 몇 가지 속성을 가지고 있다.

정렬
img 요소와 동일한 구문을 사용한다.
행동
사용자가 다음과 같은 세 가지 유형 중 하나로 마르케의 동작을 설정할 수 있도록 허용한다.
  • 스크롤(기본값) – 텍스트를 오른쪽에서 왼쪽으로 스크롤하고, 왼쪽에 도달하면 오른쪽에서 다시 시작하십시오.루핑이 완료되면 텍스트가 사라진다.
  • 슬라이드 – '행동' 속성이 없는 상태에서 사용할 경우 스크롤할 콘텐츠는 전체 마르퀴 길이를 미끄러뜨리지만 마지막에 부딪히는 순간 정지하므로 콘텐츠가 표시된다.그러나 만약 그것이 속성 '행동'과 함께 사용된다면 속성 '슬라이드'는 무시될 것이다.

루프는 마커의 각 끝에 도달할 때마다 계산된다. 1의 루프는 '슬라이드' 속성과는 다르다.'슬라이드' 속성으로 아이템을 스크롤할 때, 아이템은 전체 아이템을 표시하며, 큐의 길이 끝에서 영구히 정지한다.그러나 '루프' 속성 없이 항목을 스크롤할 때는 '루프'가 몇 개와 같느냐에 따라 스크롤 수가 반복된다.'Loop=1'일 경우, 항목은 한 번만 스크롤되고 Marquee의 길이가 완전히 종료되는 반면 스크롤되는 항목은 '슬라이드'와 동일하다.기본적으로 'Loop=무한'이므로 논스톱 스크롤을 원할 경우 속성 'Loop'을 코딩할 필요가 없다.참고: 속성 '행동'이 코드화된 경우 '루프'는 무시된다.또한 '행동='일 경우Alternate'와 'Loop=2'는 마르케의 시작에서 끝까지 왕복 2루프로 계산하며 아이템이 시작된다.

  • Alternate- 텍스트를 오른쪽에서 왼쪽으로 스크롤하고 왼쪽에서 오른쪽으로 돌아가십시오.
브그컬러
마르케의 배경색을 설정한다.
방향
Marquee 박스의 방향을 설정한다.값은 이동 방향을 나타내는 왼쪽, 오른쪽, 위쪽, 아래쪽이다.따라서 화면 오른쪽에서 왼쪽으로 텍스트를 이동시킨다.
폭
이것은 얼마나 넓은지 설정한다.
루프
이것은 마르케가 텍스트를 '루프'해야 하는 횟수를 설정한다.각각의 여행은 하나의 고리로 계산된다.
스크롤양
이것은 텍스트가 '프레임' 사이에서 이동하는 픽셀 수입니다.따라서 스크롤 양=1은 가장 느린 스크롤 속도를 제공한다.
스크롤델라이
이는 비디오의 모든 프레임이 x밀리초 동안 일시 중지되는 비디오를 다시 보는 것과 마찬가지로 '프레임' 사이의 시간(밀리초)을 설정한다.'스크롤델레이=1000'은 모든 프레임이 1,000밀리초 또는 1초 동안 지속되는 느린 움직임을 의미한다.

Marquee 요소는 임의의 HTML을 포함할 수 있으므로 텍스트 외에도 하나 이상의 이미지, 동영상 클립 또는 애니메이션 GIF를 이동할 수 있다.

준수

이 마커 요소는 마이크로소프트의 인터넷 익스플로러를 위해 처음 발명되었으며 여전히 그것으로부터 지원을 받고 있다.Firefox, Chrome 및 Safari 웹 브라우저는 레거시 페이지와의 호환성을 지원한다.이 요소는 비호환 HTML이다. CSS 속성은 2008년 현재 구현 단계에 있는 Marquee Module Level 3에 명시된 것과 동일한 효과를 얻기 위해 사용된다.[3]유사한 효과는 자바스크립트 또는 CSS3 애니메이션을 통해서도 얻을 수 있다.[4][5]

참고 항목

참조

  1. ^ "Glossary » marquee". Usability First. Foraker. Retrieved 2010-03-14.
  2. ^ Tim Louis Macaluso (2009-05-27). "Study shows that eyes will forsake words for movement". Rochester City Newspaper. Archived from the original on 2009-06-01. Retrieved 2010-03-14.
  3. ^ CSS Marquee 모듈 레벨 3
  4. ^ Sharp, Remy (10 September 2008). "The Silky Smooth Marquee". Retrieved 20 July 2005.
  5. ^ liMarquee - 대체 Marquee jQuery 플러그인.텍스트, 이미지, 상품, 배너 또는 로고를 위한 수평 또는 수직 행렬 작성