스페이스 인터내셔널(주) 블로그

신현식님의 글을 읽고 내용을 수정하였습니다.

홈페이지를 만들다보면 Flash를 사용하여야 하는 경우가 많습니다.
의미없는 디자인적인 요소라면 크게 신경쓸일이 없지만 메뉴같은 링크를 포함하고 있거나, 내용이 있어 대체텍스트가 필요한 경우에는 신경써서 작업을 해야합니다.

메뉴같이 링크가 포함되어 있으면 플래시 플러그인이 없어 동작하지 않거나, 자바스크립트를 사용하지 않는 경우에는 링크를 표현해주어야 합니다.
내용이 있어 데체 택스트가 필요한 경우도 위와 같이 처리를 해주어야 합니다.
자료를 찾아보지만 두가지다 한번에 정의가 내려진 자료는 찾기가 어려웠습니다.
틀린 방법의 정의를 찾는것이 어려울수 밖에 없엇던것 같습니다.


요즘은 자바스크립트를 사용하여 Flash를 호출하는 경우가 많아서 스크립트사용하지 않는 경우대해서 신경을 많이 써야 합니다.

<script>Flash호출 Script</script><noscript>대체 링크 또는 텍스트</noscript>

위 코드에서 보듯이 스크립트를 사용하여 호출햐였다면 바로 다음으로 스크립트를 사용하지 못할시에 보여줄수 있는 대체 링크/텍스트를 삽입해주여야 합니다.
MS와 이올라스가 합의를 하였기 때문에 더이상 자바스크립트를 사용하여 플래시를 띄우지 않아도 된다고 합니다.
따라서, 플래시를 사용하기 위해서 자바스크립트를 고려해야하는 사항에 대해서는 신경쓰지 않아도 될것 같습니다.

Flash에서도 플러그인이 설치되지 않을시에 대체 링크/텍스트를 삽입해주어야 합니다.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebasehttp://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="100" height="100">
<param name="movie" value="abc.swf">
  <!--[if !IE]> <-->
  <object type="application/x-shockwave-flash" data="abc.swf" width="100" height="100">
    <ul> 
      <li><a href="Link URL">메뉴</a></li>
    </ul>
    또는
    <p>데체 텍스트</p>
  </object>
  <!--> <![endif]-->
</object>

위 코드처럼 될거 같군요
신형석님의 글에 의하면 IE8에서부터는 조건부 주석(conditional comment)이 필요없다고 합니다. 하지만 아직 IE6,7이 많이 사용되고 있는 관계로 조건부 주석은 필요하다고 생각합니다.


자바스크립트를 사용하여 Flash를 불러온다면 두가지를 합쳐서 작업하면 될것 같습니다.

<div id="Flash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebasehttp://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="100" height="100">
<param name="movie" value="abc.swf">
  <!--[if !IE]> <-->
  <object type="application/x-shockwave-flash" data="abc.swf" width="100" height="100">
    <ul> 
      <li><a href="Link URL">메뉴</a></li>
    </ul>
    또는
    <p>데체 텍스트</p>
  </object>
  <!--> <![endif]-->
</div>
<script type="text/javascript" src="IE_HtmlRewrite.js"></script><noscript></noscript>
<script type="text/javascript">IE_HtmlRewrite(document.getElementById("Flash"))</script><noscript>
    <ul> 
      <li><a href="Link URL">메뉴</a></li>
    </ul>
    또는
    <p>데체 텍스트</p>
</noscript>

위와 같이 사용하면 두가지다 충족하는 코드가 아닐까 합니다.
스크립트는 요즘 흔히 사용하고 있는 Flash호출 방법스크립트입니다.
검색에서 'IE_HtmlRewrite'로 검색하면 자료가 많이 나오고 있습니다.

자바스크립트를 사용하여 플래시를 호출하는 방법은 틀린방법으로 삭제합니다.


참고로 head요소안에 noscript는 원칙적으로는 표준에서 어긋난 작성업이라고 하는군요

참고
1. 플래시 대체 컨텐츠와 noscript요소
2. Object 
3. NOSCRIPT를 바르게 알고 사용하자
틀린부분이 있으면 지적해주세요^^

이글을 포스팅 한 후 신현석님이 틀린 부분에 대해서 지적을 해주셨습니다.
플래시 오브젝트 삽입과 noscript