대체 요소

대체 요소

전형적인 대체 요소는 다음과 같습니다.

• <iframe>
• <video>
• <embed>
• <img>

일부 요소는 특정한 경우에만 대체 요소로 취급합니다.

• <option>
• <audio>
• <canvas>
• <object>

HTML 명세에 따르면 <input> 또한 대체될 수 있습니다. <input> 유형이 "image"인 경우 <img>와 유사한 대체 요소이기 때문입니다. 그러나 다른 유형의 <input>을 포함한 나머지 양식 컨트롤 요소는 비대체 요소라고 명시하고 있습니다. (명세는 양식 요소의 플랫폼별 기본 렌더링을 "위젯"(Widget)이라는 용어로 설명하고 있습니다.)

CSS content 속성을 사용해 추가한 객체도 대체 요소로, HTML 마크업에는 존재하지 않기 때문에 "익명" 대체 요소라고 합니다.

대체 요소와 CSS

CSS는 바깥 여백이나 일부 auto 값 계산 등 특정 상황에서 대체 요소를 특별히 취급합니다.

일부 대체 요소는 고유 크기 또는 정의된 기준선을 가질 수 있으며, vertical-align 등의 CSS 속성이 사용할 수 있습니다. 오직 대체 요소만이 고유 크기를 가질 수 있습니다.

명세서

같이 보기

• HTML 명세
• CSS 주요 개념

  • CSS 문법

  • @규칙

  • 주석

  • 명시도

  • 상속

  • 박스 모델

  • 레이아웃 모드

  • 시각적 서식 모델

  • 마진 중첩

  • 값

    • 초깃값
    • 계산값
    • 결정값
    • 지정값
    • 사용값
    • 실제값

  • 값 정의 구문

  • 단축 속성

  • 대체 요소