묻고답하기
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 태그가 중복되어 나오게 되지 않나요?
답변 주시면 감사하겠습니다.
저같은 경우 레이아웃에 css를 걸어두거나
관리자 페이지 외부페이지모듈에 <link rel="stylesheet" href="./jbox.css" type="text/css">
이런식으로 걸어둡니다.
외부페이지 내용에는
DTD와 body는 입력안하고 바로 body안의 내용만 작성합니다.
즉 3번에서 <link rel="stylesheet" href="./jbox.css" type="text/css">
이걸 빼고 작성한것과 같습니다.