묻고답하기
css가 포함된 외부html을 사용할때
2009.07.20 11:39
각 페이지들을 독립적으로 구성해서 다시 재사용할 수 있도록 제가 만드는 사이트의 모든 페이지를 외부페이지로 꾸미려고 합니다.
그런데 css 적용 방법 때문에 질문 드립니다.
예를 들어.. jbox.html 라는 파일이 있다고 했을때
---파일 내용 1 ---
<html>
<head>
<style type="text/css">
.jbox
{
border:1px black solid;
}
</style>
</head>
<body>
<div class="jbox">
상자입니다.
</div>
</body>
</html>
---파일 내용 2 ---
<html>
<head>
<link rel="stylesheet" href="jbox.css" type="text/css">
</head>
<body>
<div class="jbox">
상자입니다.
</div>
</body>
</html>
---파일 내용 3 ---
<link rel="stylesheet" href="jbox.css" type="text/css">
<div class="jbox">
상자입니다.
</div>
---파일 내용 4 ---
<style type="text/css">
.jbox
{
border:1px black solid;
}
</style>
<div class="jbox">
상자입니다.
</div>
===========================
어떤 방식으로 css를 적용시키는게 좋을지 몰라서 질문 드립니다.
흠..파일 내용 3은 한번 시도를 해봤는데 제가 원하는데로 스타일이 잡히긴 하더군요.
하지만 그게 정석인지 아닌지 몰라서 -_-; 가능하면 웹표준을 지키고 싶은데 어디서 이와 관련된 규칙을 알수 있는지 몰라서 질문 드려요.
추가 질문..)
XE가 최종적으로 $Content에 외부페이지의 내용을 넣어서 화면에 뿌려주게 되던데 외부 페이지 원본 그대로 읽어들인다면 body라던지 head 태그가 중복되어 나오게 되지 않나요?
답변 주시면 감사하겠습니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
글문 | xe 기본 게시판 스킨 사용 중입니다. 알림이라는 항목이 어떤 용도인지 [1] | 2011.09.02 by 감로수 |
난나다 | 설치시 xml_handler.js 자바스크립트 | |
리남철 | blogapi 사진이 포함된 글 [1] | 2011.09.02 by 리남철 |
천년후에 | 질문좀드립니다 [1] | 2011.09.02 by 송동우 |
wings174 | 관리자에서 메뉴트리가 않보입니다. [1] | 2011.09.02 by 송동우 |
천년후에 | 질문좀드립니다 [1] | 2011.09.02 by 송동우 |
kasjst | 질문 있습니다~ | |
usefuldesign | 게시판 배경색 어떻게 바꾸죠? | |
1ki | 새창열기 소스 [2] | 2011.09.02 by 1ki |
1ki | 자료실 및 첨부파일 오류 [1] | 2011.09.02 by 1ki |
운영인 | 테이블합치기 송동우님....ㅠ_ㅠ [2] | 2011.09.02 by 송동우 |
쿠쿠리~* | 회원DB이전시 비밀번호를 XE로 코딩할수 있나요? [2] | 2011.09.02 by 쿠쿠리~* |
루이지노 | DB 튜닝에 관하여 | |
루이지노 | 글 및 댓글 삭제 관련 문의 | |
잔비어 | ie7에서 접속이 잘 안되는데 | |
키스미베이베 | ㅜㅜㅜㅜ 송동우님 저정말 초보에요 ㅜㅜ [1] | 2011.09.01 by 송동우 |
TheZell | 고수분들 도와주세요 ㅜㅜ [1] | 2011.09.01 by 송동우 |
운영인 | mysql 2개의 테이블 합치기...송동우님 도와주세요.. [1] | 2011.09.01 by 송동우 |
scdy76 | 관련 글이 최신글에 나타나게 하고 싶습니다. | |
키스미베이베 | 송동우님 ㅜㅜ [1] | 2011.09.01 by 송동우 |
저같은 경우 레이아웃에 css를 걸어두거나
관리자 페이지 외부페이지모듈에 <link rel="stylesheet" href="./jbox.css" type="text/css">
이런식으로 걸어둡니다.
외부페이지 내용에는
DTD와 body는 입력안하고 바로 body안의 내용만 작성합니다.
즉 3번에서 <link rel="stylesheet" href="./jbox.css" type="text/css">
이걸 빼고 작성한것과 같습니다.