>웹 프론트엔드 >HTML 튜토리얼 >iframe 태그 사용법에 대한 자세한 설명

iframe 태그 사용법에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-06-27 10:01:092147검색

Iframe은 일반적으로 다른 페이지를 포함하는 데 사용됩니다. 예를 들어, 더 나은 결과를 얻으려면 iframe을 투명하게 만들어야 할 수 있으므로 iframe 속성에 대해 자세히 알아야 합니다. . 간단한 정리는 필요한 친구에게 편리합니다

1. iframe 정의 및 사용법

iframe 요소는 다른 문서를 포함하는 인라인 프레임(즉, 인라인 프레임)을 생성합니다.

HTML과 XHTML의 차이점

HTML 4.1 Strict DTD 및 XHTML 1.0 Strict DTD에서는 iframe 요소가 지원되지 않습니다.

팁 및 메모:

팁: iframe을 인식할 수 없는 브라우저를 처리하려면 사이에 필요한 텍스트를 배치할 수 있습니다.

iframe 태그는 으로 끝나는 쌍으로 나타납니다.

브라우저가 iframe을 지원하지 않는 경우 iframe 태그의 콘텐츠는

attributes

로 표시될 수 있습니다. 태그 속성 설명 DTD
align
  • left

  • right

  • top

  • middle

  • bottom

동의하지 않음 사용. 대신 스타일을 사용해 주세요.

주변 요소를 기준으로 이 프레임을 정렬하는 방법을 지정합니다.

TF
frameborder
  • 1

  • 0

프레임 주위에 테두리를 표시할지 여부를 지정합니다. TF
height
  • pixels

  • %

iframe의 높이를 지정합니다. TF
longdesc URL iframe에 대한 긴 설명이 포함된 페이지를 지정합니다. TF
marginheight pixels iframe의 위쪽 및 아래쪽 여백을 정의합니다. TF
marginwidth pixels iframe의 왼쪽 및 오른쪽 여백을 정의합니다. TF
name frame_name iframe의 이름을 지정합니다. TF
scrolling
  • yes

  • no

  • auto

iframe에 스크롤 막대를 표시할지 여부를 지정합니다. TF
src URL iframe에 표시되는 문서의 URL을 지정합니다. TF
width
  • pixels

  • %

은 iframe의 너비를 정의합니다. TF



코드는 다음과 같습니다.


픽셀을 사용하여 iframe 프레임 크기를 정의하세요.

코드는 다음과 같습니다.


백분율을 사용하여 iframe 프레임 크기를 정의하세요


2. iframe transparenttransparentBody.htm 파일의 태그에 style="
Background-color=을 추가했습니다. transparent" IFRAME을 작성하는 다음 네 가지 방법을 통해 iframe 배경 투명 효과를 얻는 방법을 명확하게 이해해야 한다고 생각합니다.

코드는 다음과 같습니다.


물론, 설정된 색상이 없다는 것이 전제입니다. iframe 페이지에서

[코드]

참고: iframe 투명도는 주로 Allowtransparency="true" style="Background-color=transparent"
3을 사용합니다. iframe 적응형 높이
길이가 긴 경우 여기로 이동하여
http://www.jb51.net/article/을 볼 수 있습니다. 15780.htm
4 , js

[code] document
.write('') 5. 사용자의 브라우저가 iframe 태그를 지원하는지 여부는 다음과 같아야 합니다. 작성 방법

코드는 다음과 같습니다.

브라우저가 인라인 프레임을 지원하지 않거나 현재 인라인 프레임을 표시하지 않도록 구성되어 있습니다.



위 내용은 iframe 태그 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.