XHTML code_HTML/Xhtml_web 페이지 제작에 Marquee 태그를 사용하는 방법

포럼에서 네티즌 jeanjean20이 표준에 맞게 Marquee를 수정하는 방법을 언급하는 것을 보았습니다. 친구들의 댓글을 보고 모두 매우 훌륭하다고 생각했습니다. 중재자 greengnn은 Marquee가 표준을 충족하지 않아 W3C에서 폐기되었다고 지적했습니다. 몇몇 친구들은 처음에 좋았던 효과가 이제는 사라져서 너무 안타깝다고 하더군요. 몇몇 친구들도 가길 잘했다고 했지만 보기에는 귀찮았다. 사람마다 이해하는 관점이 다르겠지만, 어떻게 이해하느냐는 하나의 문제이지만, 여기서는 greengnn의 결론에 일부 내용을 수정하고 추가하겠습니다.

먼저 수정해야 할 점은 W3C에서 Marquee를 포기했다는 점입니다. 이 문장은 실제로 잘못된 것입니다. 왜냐면 Marquee는 W3C에서 공식 라벨로 사용된 적이 없기 때문입니다. W3C는 이 라벨을 "폐기"한 것은 물론, 공식화한 적도 없습니다. 이는 결혼하기 전에 이혼을 말하는 것과 같습니다. 실제로 Marquee는 다른 많은 레이블과 마찬가지로 Microsoft 및 Netscape와 같은 회사에서 개인적으로 제작되었으며 W3C는 이 레이블을 인정하지 않았습니다. 이 부유한 회사는 불합리하다는 문제가 있지만, 이 수익성 없는 조직은 터프한 말만 할 뿐입니다!

W3C가 Marquee를 인식하지 못하는 이유는 무엇입니까? 대부분의 웹 디자이너의 눈에는 이 라벨이 드라이버로 간주됩니다! 초창기에도 우리는 여전히 기술력을 과시하기 위해 자본으로 활용했습니다. 그러나 이제는 더 이상 사용을 권장하지 않습니다. (여기에 여담이 있습니다. 많은 사람들이 W3C에서 사용을 허용하지 않는다고 말합니다. 이것은 잘못된 것입니다. W3C는 귀하가 사용을 제한하거나 사용하지 못하게 할 권리가 없습니다. .), 그렇다면 이 표준이 무엇인지 명확히 해야 합니다. 표준은 기술이 아니라 단지 사양과 제안일 뿐입니다. 우리는 여전히 HTML4.0에서 원래 태그를 사용합니다. 표준은 XHTML에 태그를 추가하지 않지만 권장 태그(예: p, div, ul, dl,span,em...)를 제공합니다. (예: 글꼴, b, u, i...) 사용하지 말 것을 주장하고 의미론과 사용 표준이 필요하다고 주장합니다. 물론 표준에는 XHTML뿐만 아니라 CSS, DOM 및 스크립팅 언어도 포함됩니다. 많은 사람들은 CSS가 표준 이후에 만들어졌다고 생각하지만 사실은 그렇지 않습니다. CSS는 오랫동안 존재해 왔습니다. CSS와 같은 일부 브라우저 제조업체에서 개발한 일부 CSS는 사용하지 않는 것이 좋습니다. CSS 필터.

표준에서 또 하나의 매우 중요한 점이 있는데 바로 기능 분리입니다. 구조, 스타일, 동작의 세 부분으로 나누어집니다. 이 세 부분에는 각각 구조(xHTML, XML), 샘플(CSS), 동작(DOM, ECMAScript)이 포함됩니다. 이 시점에서 Marquee가 왜 W3C에서 인정되지 않는지 다시 생각해 보겠습니다. 모두가 이해해야 할 것입니다. FONT, B 및 기타 태그와 마찬가지로 더 이상 구조적 태그가 아닙니다. 그것들은 스타일과 행동적 특성을 갖고 있으며, 구조적 범주로 분류하는 것은 명백히 중복됩니다.

그래서 Marquee의 효과를 유지하거나 실현하려면 JavaScript에 더 많은 관심을 기울여야 합니다. 스크립트 언어는 확실히 웹 페이지를 움직이게 할 것입니다. 지정한 장소를 이동시키려면 당연히 태그에 ID와 CLASS 사용에 주의해야 합니다.

이 흥미로운 효과를 모두가 더 쉽게 사용할 수 있도록 특별히 Aoao에게 JS를 작성해 달라고 요청했습니다. 다음 코드를 참조하세요.

JS 코드:

코드 복사

코드는 다음과 같습니다.

function getElementsByClass(searchClass,tagName) {
var classElements = new Array();
if ( tagName == null )
tagName = '*'
var els = document.getElementsByTagName(tagName)
var elsLen = els.length;
var 패턴 = new RegExp("( ^|s)" searchClass "(s|$)")
for (i = 0, j = 0; i < elsLen; i ) {
if (pattern.test(els[i].className) ) {
classElements[j] = els[i];
j
}
}
return classElements; }
function ccMarquee(className){
var a=getElementsByClass(className);
for (i = 0; i < a.length; i ) {
a[i].innerHTML= "" a[i].innerHTML ""
}
}window.onload = function () {
ccMarquee("ccMarquee");


XHTML 코드 :

코드 복사코드는 다음과 같습니다.

스크롤 중입니다


스크롤 효과를 사용해야 하는 경우 주의하세요. 주변 라벨에 Class="ccMarquee"를 추가하면 됩니다. 대문자 사용에 주의하세요.

첨부파일: 태그속성 상세 설명

다음 코드를 먼저 살펴보시기 바랍니다

코드 복사

코드는 다음과 같습니다.

<마퀴 방향=위 동작=스크롤 루프=3 스크롤 양=1 스크롤 지연=10 정렬=상단 bgcolor=#ffffff 높이=300 너비=30% hspace=20 vspace=10 onmouseover=this.stop( ) onmouseout=this.start()> 여기에 스크롤 내용을 입력하세요

이제 자세히 분석해 보겠습니다.

◎ 방향은 스크롤 방향을 나타냅니다. 값은 왼쪽, 오른쪽, 위, 아래일 수 있으며 기본값은 왼쪽
◎ 동작은 스크롤 방법을 나타내며, 값은 스크롤(연속 스크롤) 슬라이드(한 번 슬라이드) 교대로(왕복 스크롤) 가능
◎ loop는 루프 횟수를 나타내며, 값은 양의 정수, 기본값은 무한 루프입니다.
◎ scrollamount는 이동 속도를 나타내며, 값은 양의 정수, 기본값은 6입니다.
◎ scrolldelay는 일시 중지 시간을 나타내며, 값은 양의 정수이고 기본값은 0이며 단위는 밀리초인 것 같습니다
◎ align은 요소의 수직 정렬을 나타내며 값은 위쪽, 중간, 아래쪽일 수 있으며 기본값은 중간입니다
◎ bgcolor 모션 영역의 배경색을 나타내며 값은 16진수 RGB 색상이며 기본값은 흰색입니다.
◎ height, width는 모션 영역의 높이와 너비를 나타냅니다. 값은 양의 정수(단위는 픽셀) 또는 기본 너비는 100%입니다. 높이는 레이블
에 있는 요소의 높이입니다. hspace 및 vspace는 요소에서 영역 경계까지의 가로 및 세로 거리를 나타내며, 값은 양의 정수입니다. 단위는 픽셀입니다.
◎ onmouseover=this.stop() onmouseout=this.start()는 마우스가 해당 영역 위에 있으면 스크롤이 중지되고 마우스가 멀어지면 스크롤이 계속된다는 의미입니다.