IFRAME을 사용하여 온라인 독서실 만들기
저자：Eve Cole
업데이트 시간：2009-06-20 17:01:01
중국에서는 인터넷의 급속한 발전과 지속적인 인기로 인해 점점 더 많은 사람들이 인터넷을 정보를 얻고 지식을 배우는 최고의 도구로 사용하고 있습니다. 국내외 다양한 전통 미디어도 '컴퓨터 뉴스', '광밍일보', '중국 청년일보' 등 전자 버전을 온라인으로 출시하기 위해 서두르고 있습니다. 따라서 인터넷에서 신문을 읽고 읽는 것은 네티즌과 책벌레들에게 끝없는 즐거움이 되었습니다.
7~8개의 브라우저 창을 열어 동시에 여러 웹사이트를 볼 수 있지만 더 많은 브라우저 창을 열수록 시스템의 리소스가 더 많이 소모됩니다. 인터넷 서핑을 하다가 MP3 음악을 즐겨 듣는 분들은 포기할 수밖에 없는 경우가 많습니다(메모리 부족!). 좋은 해결책이 있나요?
가장 쉽게 생각할 수 있는 방법은 HTML 언어에서 프레임 프레임워크를 사용하는 것입니다. 홈페이지를 디자인해 본 친구들은 Frame을 사용하면 페이지를 서로 영향을 주지 않는 여러 개의 프레임으로 나눌 수 있고, 각 프레임에 한 페이지를 로드할 수 있다는 것을 알고 있습니다. 또한 서로 다른 프레임의 페이지 간에는 관계가 있을 수 없습니다. 이렇게 하면 페이지 공간을 최대한 활용하고 페이지의 정보 양을 늘릴 수 있습니다. 하지만 Frame에는 브라우저 창만 분할할 수 있다는 단점이 있습니다. Frame 크기보다 큰 페이지의 경우 스크롤 막대만 추가하여 표시 창을 이동할 수 있어 매우 불편합니다. Frame을 사용하여 다양한 신문 및 잡지 사이트를 다양한 프레임에 표시하면 동시에 열리는 브라우저 수를 줄일 수 있지만 작은 독서 공간은 견딜 수 없습니다!
실제로 HTML 언어에는 Frame과 관련된 IFRAME 태그도 있습니다. 이를 사용하여 목표를 달성할 수 있습니다. IFRAME은 Inline Frame의 약자로 인라인 프레임이라고 합니다. IFRAME을 사용하면 웹 페이지 디자이너는 Frame을 사용하기 전에 기본 페이지의 각 프레임에 대한 공간을 나누기 위해 FrameSet 태그를 사용할 필요 없이 HTML 페이지의 어느 곳에나 인라인 프레임을 삽입할 수 있습니다. 일반적인 Frame과 달리, 크지 않은 브라우저 창을 분할하는 것이 아닌 각 IFRAME이 독립적으로 크기를 정의할 수 있습니다! 즉, IFRAME은 브라우저 창만큼 크거나 그보다 더 클 수 있습니다! 이로써 디스플레이 공간 문제도 해결됐다.
다음 HTML 페이지 파일은 IFRAME을 사용하여 디자인한 "온라인 열람실"입니다. IFRAME은 한 페이지에 3개의 서로 다른 신문 및 정기간행물 사이트의 콘텐츠를 동시에 표시할 수 있으며, 각 사이트의 표시 공간은 전체 화면입니다! 프레임에게 작별 인사를 하세요!
IFRAME의 SRC 속성을 변경하여 즐겨찾는 신문 및 잡지 사이트를 가리키도록 하고 자신만의 온라인 독서실을 맞춤 설정할 수 있습니다!
참고: IE 브라우저(3.0 이상)를 사용하십시오. Netscape는 이 태그를 지원하지 않습니다.
"html"
"머리"
《title》온라인열람실 《/title》
"/머리"
"몸"
"p align="center""big""font color="#0000FF" face="Italian_GB2312""strong""big""big"내 온라인 열람실"/big""/big" /strong》 《/font 》 《/큰》 《/p》
"p align="center"" "font color="#FF0000"" 광밍 데일리 "/font" "/p"
《IFRAME 높이=450 폭=100% src=″http://www.gmd.com.cn/″》
《/IFRAME》
"p align="center"" "/p"
"p align="center"" "font color="#FF0000"" 컴퓨터 신문 "/font" "/p"
《IFRAM 높이=450 폭=100% src=″http://www.cpcw.com″》
《/IFRAME》
"p align="center"" "/p"
"p align="center"" "font color="#FF0000"" 중국 청년일보 "/font" "/p"
"IFRAME 높이=450 너비=100% src="http://www.cyd.com.cn""
《/IFRAME》
"/몸"
《/html》
(산시성 첸젠)
