param element - by. UXKM

2025-05-16

요약 설명
<param> 요소는 <object> 요소 내부에서 사용되며, 삽입된 외부 콘텐츠에 전달할 설정 값(파라미터)을 정의하는 태그입니다.
name과 value 속성으로 구성되어, 예를 들어 플러그인, 미디어 플레이어, 플래시 객체 등에 초기 설정값을 전달하는 데 사용됩니다. <param>은 화면에 표시되지 않으며, <object>에 연결된 리소스가 이를 읽어 처리합니다. 과거 플러그인 기반 콘텐츠에서 많이 사용되었지만, 현대 웹에서는 사용 빈도가 낮아졌고, 대체 기술이 주로 활용됩니다.

주요 역할 및 특징

<object> 요소 내부에서만 사용 가능
<param> 요소는 <embed> 요소와 달리 단독으로 사용할 수 없으며, 반드시 <object> 요소 내에서만 동작합니다.
외부 콘텐츠(플러그인, 미디어 플레이어 등)에 설정 값 전달
예를 들어, PDF 뷰어나 비디오 플레이어에 특정 매개변수를 전달하여 동작을 제어할 수 있습니다.
객체의 속성을 동적으로 설정 가능
- name 속성과 value 속성을 사용하여 객체의 속성을 지정할 수 있습니다.
- 예를 들어, 자동 재생 여부, 배경색, 볼륨 등을 설정할 수 있습니다.
자체적인 콘텐츠를 가지지 않음
<param> 요소는 빈 태그(self-closing tag)로, 별도의 콘텐츠를 포함하지 않습니다.
JavaScript 및 CSS와 함께 사용할 필요 없음
<param> 요소는 JavaScript 및 CSS 스타일링이 불가능하며, 오직 객체 설정 값을 정의하는 용도로만 사용됩니다.
이전 HTML(HTML4)에서 주로 사용됨
- 과거에는 Flash, Java Applet과 같은 플러그인의 설정을 조정하는 데 많이 사용되었습니다.
- 하지만 최근 HTML5에서는 <video>, <audio> 등의 요소로 대체되면서 <param>의 사용이 줄어들었습니다.

CSS 기본 값

<param> 요소는 특별한 기본 스타일을 가지지 않으며, 기본적으로 스타일링되지 않는 빈 태그로 취급됩니다.

							param {
								display: none;
							}

기본 문법

문법 설명 :: <object> 요소가 video-player.swf 파일을 로드합니다.; <param name="autoplay" value="true"> : 자동 재생 설정; <param name="loop" value="false"> : 반복 재생 비활성화

							<!-- 기본 문법 -->
							<object data="example.mp4" type="video/mp4" width="640" height="360">
								<param name="autoplay" value="true"> <!-- param -->
								<param name="loop" value="true">     <!-- param -->
								브라우저가 동영상을 지원하지 않습니다. <a href="example.mp4" download>example.mp4 다운로드</a>
							</object>

속성

`<param>` 속성 요약

속성명
설명

name [필수]

매개변수의 이름을 지정
value [필수]

매개변수의 값을 지정
type

매개변수 값의 MIME 유형을 지정
valuetype

매개변수 값의 유형을 지정 (data, ref, object)

[name] 필수 <param name="값">

<param> 요소의 필수 속성으로, 매개변수의 이름을 지정합니다. <object> 요소와 함께 사용되며, 플러그인이나 미디어 플레이어에서 인식할 매개변수의 키 역할을 합니다.

예제 설명 :: 아래 예제에서 quality는 플러그인에서 인식하는 매개변수의 이름입니다.

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

[value] 필수 <param value="값">

<param> 요소의 필수 속성으로, name 속성에 해당하는 값을 지정합니다. 문자열 형태로 값을 입력하며, name과 함께 설정해야 유효합니다.

예제 설명 :: 아래 예제에서 bgcolor 매개변수의 값은 #FFFFFF입니다.

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

[type] 선택 사항 <param type="값">

매개변수 값의 MIME 유형을 지정합니다. <param> 요소에서 자주 사용되지 않으며, 일부 구형 브라우저나 플러그인에서만 인식됩니다.

예제 설명 :: 아래 예제에서 type은 video/quicktime으로 설정되었습니다.

								<!-- type -->
								<object data="example.mov" type="video/quicktime">
									<param name="src" value="example.mov" type="video/quicktime">
								</object>

[valuetype] 선택 사항 <param valuetype="값">

매개변수 값의 형식을 지정합니다.

설정 가능한 값 :: data(기본값) : 일반적인 문자열 데이터를 의미합니다.; ref : value가 URL을 참조하고 있음을 의미합니다.; object : value가 다른 객체를 참조하고 있음을 의미합니다.

예제 설명 :: 아래 예제에서 valuetype="ref"는 value가 URL을 참조하고 있음을 나타냅니다.

								<!-- valuetype -->
								<object data="example.mov" type="video/quicktime">
									<param name="src" value="video.mp4" valuetype="ref">
								</object>

예제

플래시(SWF) 파일에 매개변수 전달

quality="high" : 플래시 품질을 높임
bgcolor="#ffffff" : 배경색을 흰색으로 설정
allowScriptAccess="always" : JavaScript와의 상호작용 허용

								<object data="game.swf" type="application/x-shockwave-flash" width="800" height="600">
									<param name="quality" value="high">
									<param name="bgcolor" value="#ffffff">
									<param name="allowScriptAccess" value="always">
									플래시 콘텐츠를 실행하려면 <a href="game.swf">여기</a>를 클릭하세요.
								</object>

Windows Media Player 임베딩 (HTML4 기준)

url="music.mp3" : 재생할 오디오 파일 지정
autostart="true" : 자동 재생 활성화
loop="false" : 반복 재생 비활성화

								<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="240">
									<param name="url" value="music.mp3">
									<param name="autostart" value="true">
									<param name="loop" value="false">
									브라우저가 Windows Media Player를 지원하지 않습니다.
								</object>

PDF 문서 설정

zoom="100%" : PDF 파일 확대/축소 비율 설정
navpanes="0" : 네비게이션 패널 숨기기

								<object data="report.pdf" type="application/pdf" width="600" height="400">
									<param name="zoom" value="100%">
									<param name="navpanes" value="0">
									브라우저에서 PDF를 열 수 없습니다. <a href="report.pdf">여기에서 다운로드</a>.
								</object>

동영상 자동 재생

아래 예제에서 <param> 요소에 name="autoplay" value="true" 속성을 설정했지만, 동영상이 자동 재생되지 않는 것을 확인할 수 있습니다.
이유는 최근 대부분의 웹 브라우저(Chrome, Firefox, Edge 등)에서 사용자 상호작용 없이 자동 재생되는 미디어를 차단하는 정책을 적용하고 있기 때문입니다.
동영상이나 오디오 콘텐츠를 자동으로 재생하려면 <video> 또는 <audio> 요소를 사용하고, muted 속성을 추가하는 것이 필요합니다.

주의사항

<param> 요소는 반드시 <object> 요소의 자식으로 사용되어야 하며, 독립적으로 사용할 수 없습니다.
<object> 요소와 <param> 요소를 사용하여 미디어를 삽입하는 것은 구식 방식입니다.
대신 <video> 또는 <audio> 요소를 사용하는 것이 더 권장됩니다.
<param> 요소는 Flash와 함께 자주 사용되었지만, Flash는 2020년 이후 공식적으로 지원이 종료되었습니다.
따라서 대체 기술(예: <canvas> 또는 <video> 요소) 사용을 고려해야 합니다.