html iframe 예제

화면 판독기와 같은 보조 기술로 탐색하는 사용자는 iframe의 제목 속성을 사용하여 콘텐츠에 레이블을 지정할 수 있습니다. 제목의 값은 포함된 콘텐츠를 간결하게 설명해야 합니다: 웹 페이지가 처음 로드되면 iframes src 특성으로 가리키는 이미지가 표시됩니다. src 특성의 값은 이미지의 URL입니다. 이 예제에서는 이미지가 웹 페이지와 동일한 서버에 있으므로 전체 웹 주소 대신 상대 주소를 사용할 수 있습니다. 구문은 태그가 타사 콘텐츠(미디어, 애플릿 등)를 포함하기 위한 인라인 프레임을 만듭니다. 프레임과 웹 페이지의 콘텐츠는 독립적이지만 JavaScript를 통해 상호 작용할 수 있습니다. 이 예제에서는 Google 맵이 프레임에 표시됩니다. 태그에는 src 특성이 필요합니다. 프레임에 표시해야 하는 문서의 URL을 정의합니다. 이 특성은 프레임에 나타나는 스크롤 막대의 모양을 제어합니다. 이렇게 하면 값이 „예”, „아니요” 또는 „자동”이 됩니다.

예를 들어 스크롤 = „아니오”는 스크롤 막대가 없어야 한다는 것을 의미합니다. https://www.w3schools.com URL 주소로 iframe을 만듭니다. 이 특성을 사용하면 프레임 테두리의 왼쪽과 오른쪽 과 프레임 내용 사이의 공간 너비를 지정할 수 있습니다. 값은 픽셀단위로 지정됩니다. 예를 들어 여백 너비 = „10”. 링크의 대상 특성은 iframe의 이름 속성을 참조해야 합니다. iframe을 추가하기 위한 기본 구문은 다음과 같은 내용으로 제공될 수 있습니다. 이러한 컨텍스트 이동은 혼란스럽고 시간이 많이 소요될 수 있으며, 특히 여러 있는 페이지 및/또는 임베드에 비디오 또는 오디오와 같은 대화형 콘텐츠가 포함되어 있는 경우 혼동되고 시간이 많이 소요될 수 있습니다. 사용자가 링크를 클릭 할 때마다 전체 페이지를 다시로드하지 않고 웹 페이지에서 이미지를 변경하는 방법을 궁금해 한 적이 있습니까? HTML 태그를 사용하면 쉽게 사용할 수 있습니다. 이 iframe 예제에서 태그를 이미지 컨테이너로 사용할 수 있는 방법을 보여 줄 것입니다. 사용자가 이미지 링크를 클릭하면 이미지가 iframe에 로드됩니다. 변경된 유일한 것은 iframe의 내용입니다.

페이지의 나머지 부분을 다시 로드할 필요가 없습니다. 이름 특성을 사용하여 iframe의 이름을 지정할 수 있습니다. 즉, 해당 이름을 값으로 가진 대상 특성이 있는 링크가 다음을 수행하면 연결된 리소스가 iframe에서 열립니다. . 프레임을 만든 후 사용자가 단추를 클릭하면 해당 제목이 경고에 표시됩니다. HTML 인라인 프레임 요소()는 중첩된 브라우징 컨텍스트를 나타내며 다른 HTML 페이지를 현재 컨텍스트에 포함시다. 먼저 iframe 테두리를 숨어 이미지만 볼 수 있습니다. iframe 테두리 특성을 사용하여 iframe 테두리를 제거할 수 있습니다.

구문은 이름, 클래스, 프레임 테두리, id, longdesc, 여백 높이, 여백 너비, 이름, 스크롤, 스타일 및 제목을 포함하여 태그의 대부분의 특성이 태그의 해당 속성과 똑같이 행동한다는 것입니다. 팁: 지원하지 않는 브라우저를 처리하려면 열기 태그와 닫는 태그 사이에 텍스트를 추가합니다. Iframe의 높이 및 너비 설정 : 높이 및 너비 속성은 iframe의 크기를 지정하는 데 사용됩니다.