HTML로 템플릿을 만드는 모범 사례

일반 HTML로 웹 페이지를 만들기 시작했습니다. 나는 머리말, 주요 내용 및 꼬리말이있다. 주요 내용은 왼쪽 및 오른쪽 내용으로 나뉩니다. 올바른 콘텐츠를 제외한 모든 페이지에서 모든 내용이 동일합니다. 이제 약 15 페이지가 있습니다. 모든 정적 페이지 (머리글, 바닥 글 및 왼쪽 내용)에서 일부 페이지를 변경하면 매우 귀찮습니다.HTML로 템플릿을 만드는 모범 사례

정적 영역마다 하나의 HTML 파일을 만드는 가장 좋은 방법은 무엇이며 어떻게 통합 할 것입니까?

출처

2013-04-21 Saint Dee

이렇게하는 데는 몇 가지 방법이 있습니다.

HTML로만 작업하는 경우 '서버 측 포함'을 사용할 수 있습니다.이 파일은 페이지에 파일을로드 할 수있는 태그입니다 (참조). 귀하의 웹 사이트를 호스팅하는 사람은 누구나이를 지원해야합니다. youe 웹 호스트는 PHP를 사용하는 일이 있다면 (http://php.net/manual/en/function.include.php 참조)

<!--#include virtual="../quote.txt" -->

, 당신은 포함 방법을 사용하여이 작업을 수행 할 수 있습니다

<?php include('path_to_file/file.htm');?>

이 당신이 태그를 배치 지점에서 파일을 포함합니다. 하지만 다시, 귀하의 사이트를 호스팅하는 사람은 누구나이를 지원해야합니다.

이 작업을 수행하는 다른 방법이 있습니다. 이것들은 내가 사용하는 두 가지 비트입니다.

출처

2013-04-21 14:54:09 swshaun

현재 wampserver를 사용하여 로컬 컴퓨터에 사이트를 구축하고 있습니다. 나는 이것을하기위한 단계를 따라 갔지만 작동하지 않는 것 같습니다. 모든 파일의 이름을 .shtml로 바꿔야합니까? 나는 오래 동안 운영되어 왔던 오래된 웹 사이트로 인해 html 확장자를 보존하기를 원하며 구글 캐시가 낭비되는 것을 원하지 않는다. 나는 이것을 wamp apache 설정에 추가했다. AddType text/html .shtml 옵션 + 포함 AddOutputFilter 포함 .shtml' –

... 나는 WAMP 서버도 사용한다 :) '은 PHP가 기본적으로 활성화되어 있어야 사용할 수있는 가장 쉬운 방법입니다. 그렇게하면 아파치 설정 파일을 수정할 필요가 없습니다. 이 방법을 사용하는 경우 파일 확장명을 수정할 필요가 없습니다. – swshaun

은 본질적으로있다, 당신이 할 수있는 세 가지 장소 : 빌드시에서

. 페이지를 모으고 정적 HTML을 출력하는 스크립트를 실행하십시오. 그런 다음 정적 HTML을 서버에 업로드하십시오. ttree이 좋습니다. CSS와 JS를 결합하고 축소 한 다음 서버에 업로드하는 완전한 빌드 시스템에서 스크립트를 마무리 할 수 있습니다. 이것은 클라이언트와 서버가 지원하는 것에 대해 최소한의 걱정을 필요로하는 옵션입니다. 업데이트 : 요즘에는이 기능을 통합 한 static site builders이 많이 있습니다.

런타임시 서버. , include 또는 Template Toolkit 및 mustache을 비롯한 많은 템플릿 시스템이 있으며 MVC 프레임 워크 내에서 실행될 수 있습니다 (예 : Catalyst 또는 Django). 이것은 가장 일반적인 접근 방식이며, 변경 작업과 결과 수명 연장 작업을 수행하는 시간이 적어지고 빌드 타임에 템플릿 작업을 수행합니다.

런타임시 클라이언트. 이렇게하면 JavaScript에 대한 종속성이 추가되므로 이미 a server side solution을 제자리에 두지 않은 경우에는 권장하지 않습니다.

출처

2013-04-21 15:00:03 Quentin

ttree와 다른 템플릿 툴킷으로 보았지만 복잡해 보입니다. 내 로컬 컴퓨터에서 wampserver를 사용하고 있습니다. 순수한 html을 사용합니다. 또한'include '를 허용하기 위해 아파치 설정을 변경했지만, 작동하지 않았다. –

HTML로 템플릿을 만드는 모범 사례

답변

관련 문제