iframe 작성 방법에는 기본 Iframe 작성 방법, 중첩된 Iframe 작성 방법, 적응형 너비 및 높이 Iframe 작성 방법, 스타일과 속성이 포함된 Iframe 작성 방법, 인라인 Iframe 작성 방법 및 JavaScript를 사용하여 Iframe 작성 방법을 동적으로 생성하는 방법이 포함됩니다. 각 작성 방법에는 고유한 특성과 적용 가능한 시나리오가 있습니다. 실제 필요에 따라 적절한 작성 방법을 선택하면 필요한 기능과 효과를 얻을 수 있습니다.
Iframe은 웹 페이지 내에 다른 웹 페이지나 문서를 삽입하는 데 사용되는 HTML 요소입니다. Iframe은 다양한 작성 방법을 제공하며, 필요에 따라 적절한 방법을 선택할 수 있습니다. 다음은 몇 가지 일반적인 Iframe 작성 방법입니다.
1 기본 Iframe 작성 방법:
<iframe src="URL" width="width" height=" height ">iframe>
이 중 src 속성은 삽입된 웹 페이지나 문서의 URL을 지정하는 데 사용되며 width 및 height 속성은 너비를 지정하는 데 사용됩니다. 및 Iframe의 높이입니다.
2. 중첩된 Iframe 작성 방법:
<iframe src="URL1" width="width1" height="height1"> <iframe src="URL2" width="width2" height="height2">iframe& gt; iframe>
이 쓰기 방법은 여러 Iframe을 중첩하여 다층 중첩 효과를 얻을 수 있습니다. 내부 Iframe은 외부 Iframe에 표시됩니다.
3. 너비와 높이가 조정되는 Iframe 작성 방법:
<style> .반응형-iframe { 위치: 상대적; padding-bottom: 56.25%; 높이: 0; overflow: 숨김; } .반응형-iframe iframe { position: 절대; top: 0; 왼쪽: 0; 너비: 100%; 높이: 100%; }style><div class="반응형-iframe"> <iframe src="URL" frameborder="0" allowfullscreen>iframe> div >
이 작성 방법은 CSS를 사용하여 적응형 너비 및 높이 효과를 얻습니다. Iframe은 비율을 변경하지 않고 컨테이너 너비에 따라 높이를 자동으로 조정합니다.
4. 스타일과 속성을 사용하여 Iframe을 작성하는 방법:
<iframe src="URL" width="width" height="height" frameborder="0" sc 롤링 =" auto " allowfullscreen>iframe>
이러한 작성 방식은 프레임 테두리, 스크롤 및 기타 속성과 같은 속성을 설정하여 Iframe의 테두리, 스크롤 막대, 전체 화면 표시 및 기타 동작을 제어할 수 있습니다. 전체 화면을 허용합니다.
5. 인라인 Iframe 작성 방법:
<iframe srcdoc="Hello, World!
< ;/html>" width="width" height="height">iframe>
이 작성 방법은 HTML 코드를 Iframe에 직접 삽입할 수 있습니다. , src 속성을 통해 외부 URL을 지정하는 대신. 인라인 효과를 얻기 위해 HTML 콘텐츠를 srcdoc 속성에 작성할 수 있습니다.
6. JavaScript를 사용하여 Iframe을 동적으로 생성합니다.
<script> var iframe = document.createElement('iframe'); iframe.src = 'URL'; iframe.width = '너비'; iframe.height = 'height'; document.body.appendChild(iframe);script>
이 작성 방법은 JavaScript를 사용하여 Iframe 요소를 동적으로 생성합니다. 그리고 src, 너비, 높이 등의 속성을 설정한 후 문서에 Iframe을 추가합니다.
위는 몇 가지 일반적인 Iframe 작성 방법입니다. 각 작성 방법에는 고유한 특성과 적용 가능한 시나리오가 있습니다. 실제 필요에 따라 적절한 작성 방법을 선택하면 필요한 기능과 효과를 얻을 수 있습니다.
위 내용은 iframe을 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!