그누연동 개발에서 외부 CSS 사용에 관하여
외부CSS 사용시 <head>내에 삽입하기를 권하고 있습니다.
<head>에 삽입하였을때 <body>의 내용이 로드되기 전에 미리 레이아웃을 잡아주어서 맞는 말 같습니다.
head.sub.php에 있는 <head>영역에 외부css를 동적으로 집어넣는 방법이 없을까요?
저 는 로컬페이지나 스킨개발시 각각 외부css를 만들어서 해당페이지가 사용될때 로드해서 사용하는데 그럼 <body>내에 로드됩니다. 문제가 되는것은 가끔 내용들이 로드될때 레이아웃이나 모양이 깨졌다가 로드가 완료된 다음에야 외부css의 영향을 받게 된다는 점입니다.
여러분은 외부css를 어떻게 사용하시나요?
<head>에 삽입하였을때 <body>의 내용이 로드되기 전에 미리 레이아웃을 잡아주어서 맞는 말 같습니다.
head.sub.php에 있는 <head>영역에 외부css를 동적으로 집어넣는 방법이 없을까요?
저 는 로컬페이지나 스킨개발시 각각 외부css를 만들어서 해당페이지가 사용될때 로드해서 사용하는데 그럼 <body>내에 로드됩니다. 문제가 되는것은 가끔 내용들이 로드될때 레이아웃이나 모양이 깨졌다가 로드가 완료된 다음에야 외부css의 영향을 받게 된다는 점입니다.
여러분은 외부css를 어떻게 사용하시나요?
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
이유는 여러 가지가 있는데 딱 한 페이지에 자주 인터페이스를 바꿔야 하는 스타일은 인라인(권고사항이 아니라지요.)
인터널은 해당 페이지에서만 사용되고 거의 변경이 없는 경우
익스터널은 공통 스타일 시트인 경우 사용합니다.
여러 개의 헤드를 사용하다보니 이런 기이한 현상이 발생했는데 잘 생각해 보시면 헤드 사이에 넣는 것은 작은 회사소개용 홈페이지에는 맞지만 페이지(게시판 제외)가 많은 사이트에서는 헤드 사이에 집단으로 넣을 경우 오히려 불필요한 로딩만 발생시키는 것 아닐까요?
저는 그냥 무식하게 막 사용합니다. 그저 각 브라우저 들에서 틀만 깨지지 않으면 감사하지요.
공통으로 쓰여지는 레이아웃이나 최소한의 모양에 관한 정의는 external로 <head>에서 정의해 두고, 개별페이지의 스타일에 관해서는 그때 그때 상황에 맞게 inline이나 <body>에서 external로 사용하면 레이아웃이 깨지는 일을 줄일수 있을것 같네요.
아미가님 감사합니다~^^