2014-11-23 7 views
1

Paul Irish의 HTML5 상용어에 대해 들었습니다. 그것에 대해 몇 가지 자습서를 보았습니다. 나는 Paul Irish 자신이 HTML5 상용구에 대한 동영상을 보았습니다. HTML5 상용구가 웹 앱에 사용자 인터페이스를 지원하는보다 빠르고 쉽고 교차 브라우저를 만드는 템플릿이라는 것을 이해했습니다. 나는 모든 것들에 대해 조금 혼란스러워합니다.HTML5 상용구의 PHP

어디에서 상용구로 작업 할 때 PHP 파일을 넣을 수 있습니까? 저는 초보자이면서 항상 HTML과 CSS가 포함 된 localhost에서 PHP 작업을 해왔습니다. 그래서이 물건은 저에게 새로운 것입니다. 나는 그 템플릿에 PHP 코드를 넣을 곳을 의미합니다.

의 바보 같은 질문은, 당신에게 바보 같은 짓 :

답변

1

당신은 약 2 별도의 일을 이야기하고 묻는 초보자를 생각하면 내가 아는하지 않음 - 서버 측과 프런트 엔드 클라이언트 측 물건을 혼란을 .

PHP를 사용하여 HTML을 생성하는 데 익숙하다면 별다른 변화가 없을 것입니다. 서버에서 제공되는 각 페이지 (예 : PHP에서 생성 된 페이지)에는 HTML5 상용구에 필요한 모든 CSS 및 JS에 대한 참조가 포함되어야합니다.

쉽게 달성 할 수있는 방법은 머리말과 꼬리말 구성 요소가 포함 된 PHP 파일을 포함하는 것입니다. 예를 들어, HTML5 상용구의 소스에서 당신이 index.html을라는 파일을 가지고 있고, 그 코드의 라인이 포함되어

그 위의
<!-- Add your site or application content here --> 
<p>Hello world! This is HTML5 Boilerplate.</p> 

다 (예를 들어)라는 파일 header.php에 포함하고 그 아래의 모든 내용은 footer.php라는 파일에 포함됩니다.

이제는 서버 쪽에서 생성 한 모든 내용으로 PHP 페이지를 제공 할 때마다이 두 파일을 모두 포함해야합니다. 이것은 표준 PHP 포함 기술입니다. 우리가 올바르게 처리 한 JS 및 CSS 소스 각각에 대한 경로를 보장하기 만하면됩니다.

(또는 당신은 PHP의 템플릿 시스템을 사용하고 당신이 좋아하는 템플릿 엔진이 그것을 사용하는 경우이 더 우아 포함 처리 가질 수 있습니다..)

편집 : 일부 아주 기본적인 의사 코드를. 예 페이지 "의 index.php는"

<?php 
include "header.inc.php"; 
include "html5boilerplate_components.inc.php"; 
include "my_css.inc.php"; 
include "my_js.inc.php"; 

include "homepage_content.inc.php"; 

include "footer.inc.php"; 
?> 

그럼 당신은 다른 페이지에 다른 파일에 대한 homepage_content.inc.php을 바꿀 것입니다. (헤더 파일에 포함 된 CSS/JS 등을 포함 시키십시오. 가장 재사용 가능한 코드를 허용하는 프로젝트에 가장 적합한 것을 수행하십시오.)

+0

코드를 작성하는 데 익숙합니다. 프런트 엔드 부품. 예를 들어 header.php, footer.php messageBox.php 등을 작성한 다음 필요한 부분에이 부분을 포함시킵니다. 혼란은 index.html 파일의 html5 보일러 플레이트 부분에서 브라우저 간 호환성 문제를 처리하는 등 index.html이 시작될 때 iE에 대한 조건부 검사와 같은 것입니다. 모든 파일에이 수표를 써야합니까? –

+0

@SubhanAhmed - "반복하지 말 것"- 모든 단일 페이지에 있어야하는 내용 만 포함 파일로 추출하여 모든 페이지에 포함시켜야합니다. 나는 의사 코드를 보여주기 위해 나의 대답을 편집 할 것이다. – andyg1