💡 퀵 접속: htm.kr/param

HTML param 태그

1. 정의와 목적

<param> 태그는 <object> 태그 내에서 사용되는 매개변수를 정의하는 HTML 요소입니다. 주로 플러그인이나 애플릿에 필요한 설정값을 전달할 때 사용됩니다.

주의사항:
  • param 태그는 반드시 <object> 태그 내부에서만 사용해야 합니다.
  • name과 value 속성은 필수입니다.
  • 최신 웹 개발에서는 플러그인 사용이 제한적입니다.

2. 기본 구조

<object data="example.swf" type="application/x-shockwave-flash">
    <param name="movie" value="example.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#FFFFFF">
</object>

3. 자주 사용되는 속성

속성 설명 예시
name 매개변수의 이름 name="movie"
value 매개변수의 값 value="example.swf"
type 값의 MIME 타입 type="application/x-shockwave-flash"
valuetype 값의 타입 valuetype="data"

4. 실제 사용 예제

4.1 Flash 애니메이션 설정

<object data="animation.swf" type="application/x-shockwave-flash">
    <param name="movie" value="animation.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#FFFFFF">
    <param name="play" value="true">
    <param name="loop" value="true">
    <param name="wmode" value="transparent">
</object>

4.2 Java 애플릿 설정

<object classid="java:HelloWorld.class">
    <param name="code" value="HelloWorld">
    <param name="codebase" value=".">
    <param name="archive" value="HelloWorld.jar">
    <param name="width" value="300">
    <param name="height" value="200">
</object>

4.3 QuickTime 동영상 설정

<object data="movie.mov" type="video/quicktime">
    <param name="src" value="movie.mov">
    <param name="autoplay" value="false">
    <param name="controller" value="true">
    <param name="loop" value="false">
</object>

5. 스타일링

/* object 컨테이너 스타일링 */
.object-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

/* object 요소 스타일링 */
.object-container object {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

6. 성능 최적화 팁

  • 필요한 매개변수만 사용
  • 적절한 값 타입 사용
  • 불필요한 중복 매개변수 제거
  • 최신 웹 표준 사용 권장
  • 대체 콘텐츠 제공

7. 검증 및 테스트

  • W3C 유효성 검사
  • 브라우저 호환성 테스트
  • 매개변수 값 검증
  • 대체 콘텐츠 확인
  • 접근성 검사
중요:
  • param 태그는 <object> 태그와 함께 사용됩니다.
  • name과 value 속성은 필수입니다.
  • 최신 웹 개발에서는 플러그인 사용이 제한적입니다.
  • 대체 콘텐츠를 제공하여 접근성을 보장하세요.