iframe 태그 사용법 상세설명(속성, 투명도, 적응높이)_HTML/Xhtml_웹페이지 제작

1. iframe 정의 및 사용법

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

HTML과 XHTML의 차이점

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

팁 및 메모:

팁: iframe을 이해하는 으로 끝나는 쌍으로 나타납니다.

브라우저가 iframe 태그를 지원하지 않는 경우 iframe 태그의 콘텐츠가 표시될 수 있습니다.

속성

속성 값 설명 DTD 정렬

• 왼쪽
• 맞아
• 상단
• 중간
• 하단

属性	值	描述	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

지원 중단되었습니다. 대신 스타일을 사용해 주세요. 주변 요소를 기준으로 이 프레임을 정렬하는 방법을 지정합니다. TF frameborder

• 1
• 0

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

• 픽셀
• %

iframe의 높이를 지정합니다. TF longdesc URL iframe에 대한 자세한 설명이 포함된 페이지를 지정합니다. TF marginheight 픽셀 iframe의 상단 및 하단 여백을 정의합니다. TF marginwidth 픽셀 iframe의 왼쪽 및 오른쪽 여백을 정의합니다. TF 이름 프레임_이름 iframe의 이름을 지정합니다. TF 스크롤

• 그렇습니다
• 아니요
• 자동

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

• 픽셀
• %

iframe의 너비를 정의합니다. TF
예제

코드 복사

코드는 다음과 같습니다.

픽셀을 사용하여 iframe 프레임 크기 정의

코드 복사

코드는 다음과 같습니다.

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


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

코드 복사코드는 다음과 같습니다.

물론, 전제는 색상이 iframe 페이지에 설정되지 않았다는 것입니다

[code]
참고: iframe 투명도는 주로 Allowtransparency="true" style="Background-color=transparent"를 사용합니다
3. iframe 적응형 높이
글이 너무 길어서 여기로 이동하시면
http://www.jb51.net/article/15780.htm
4. js를 통해 iframe 광고 코드 출력
[ 코드]
document.write('');

5. 때로는 사용자의 브라우저가 iframe 태그를 지원하는지 여부를 고려하여 다음과 같이 작성해야 합니다

코드 복사코드는 다음과 같습니다.

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

성명：

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