HTML frame 프레임셋 만들기 (PC / 모바일)
페이지 정보
본문
<<방법1>> 0픽셀 고정 프레임셋 만들기
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 모바일에서 확대보기 제어를 위해서 아래 코드 추가 ( write by happyjung.com 2013-07-21 ) -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;">
<title>홈페이지</title>
</head>
<frameset rows="*">
<frame name="frame" src="v3/index.php" name="mainframe" title="컨텐츠">
<noframes>
<body>
<a href="main.html">프레임을 사용하지 않은 페이지로 연결 합니다.</a>
</body>
</noframes>
</frameset>
</html>
<<방법2>> 기본 프레임(frame) HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ko">
<head>
<!-- 모바일에서 확대보기 제어를 위해서 아래 코드 추가 ( write by happyjung.com 2013-07-21 ) -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;">
<script type="text/javascript" language="javascript">
window.addEventListener('load', function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>홈페이지</title>
</head>
<frameset rows="*,0">
<frame src="main.html" id="mainFrame" name="mainFrame" title="메인 컨텐트">
<frame src="index_no.html" scrolling="No" noresize="noresize" name="noframe" title="빈 페이지">
<noframes>
<body>
<a href="main.html">프레임을 사용하지 않은 페이지로 연결 합니다.</a>
</body>
</noframes>
</frameset>
</html>
참고자료
http://www.wah.or.kr/Example/wcag_desc.asp?cate=40
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 모바일에서 확대보기 제어를 위해서 아래 코드 추가 ( write by happyjung.com 2013-07-21 ) -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;">
<title>홈페이지</title>
</head>
<frameset rows="*">
<frame name="frame" src="v3/index.php" name="mainframe" title="컨텐츠">
<noframes>
<body>
<a href="main.html">프레임을 사용하지 않은 페이지로 연결 합니다.</a>
</body>
</noframes>
</frameset>
</html>
<<방법2>> 기본 프레임(frame) HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ko">
<head>
<!-- 모바일에서 확대보기 제어를 위해서 아래 코드 추가 ( write by happyjung.com 2013-07-21 ) -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;">
<script type="text/javascript" language="javascript">
window.addEventListener('load', function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>홈페이지</title>
</head>
<frameset rows="*,0">
<frame src="main.html" id="mainFrame" name="mainFrame" title="메인 컨텐트">
<frame src="index_no.html" scrolling="No" noresize="noresize" name="noframe" title="빈 페이지">
<noframes>
<body>
<a href="main.html">프레임을 사용하지 않은 페이지로 연결 합니다.</a>
</body>
</noframes>
</frameset>
</html>
참고자료
http://www.wah.or.kr/Example/wcag_desc.asp?cate=40
댓글목록
등록된 댓글이 없습니다.