2012-01-25 5 views
11

나는 두 개의 HTML 파일을 갖고 있는데, a.htmlb.html이라고 가정합니다. a.htmlb.html을 포함시키고 싶습니다.html5를 사용하여 html로 html 파일 포함하기

JSF에서 나는 그런 식으로 작업을 수행 할 수 있습니다

<ui:include src="b.xhtml" /> 

a.xhtml 파일 안에, 내가 b.xhtml을 포함 할 수 있다는 것을 의미한다.

*.html 파일에서 어떻게 할 수 있습니까?

html 5를 사용하는 경우 (html 5에서 모두 수행 할 수있는 경우).

답변

27

놀랍게도, 같은 질문은 질문과이 가능했다 : HTML5 include file

라파의 대답 :


사용 object 태그 :

<object name="foo" type="text/html" data="foo.inc"></object> 

foo.inc 유효한 HTML을 포함해야 .


나는 그것을 Konqueror, Firefox 및 Chromium에서 테스트했습니다.

별도의 </object> 태그를 사용해야합니다. 그렇지 않으면 콘텐츠가 삭제 된 후에 내용을 확인해야합니다.

당신이 유용하다고 생각한다면, 나는 그것이 불가능하다는 이유로 질병과 같이 퍼지기 때문에 라파의 대답 (내 것이 아닌)을 upvote하십시오.

+4

끔찍한 일입니다. –

+1

디자인 모형에 매우 유용합니다 ... – Magnus

+2

+1 [W3C 유효성 검사기] (http://validator.w3.org/)는 "include"가 표시되지 않은 것을 좋아하지 않습니다 (Chrome에서는 다른 브라우저를 테스트하지 않았습니다.) W3C가 자동 닫기 태그를 거부했습니다. 나는 그것을 ''결말로 바꿨고, 그것은 유효성을 확인했고 다음과 같은 것들이 표시되었습니다. – Mawg

1

HTML5는 HTML 4.01과 다른 점은 어떤 점에서 스크립트를 작성하지 않고는 HTML5를 사용할 수 없다는 점입니다.

+1

는 왜, 그렇게 간단하다. – lolo

+3

HTML 언어 (모든 버전)는 단순히 문서를 상호 링크하기위한 시스템을위한 것입니다. HTML에 고정되는 두 가지 주요 언어는 문서를 시각적으로 스타일링하기위한 CSS와 파일을 읽고 HTML 문서에 내용을 삽입하는 등 스크립트를 처리 할 수있는 유일한 스크립트 부분 인 JavaScript입니다. 서버 측 스크립팅은 HTML 문서가 클라이언트로 전송되기 전에 수행 될 수 있기 때문에 파일 포함을위한 최상의 솔루션입니다. 간단히 말하면, HTML은 포함 할 수 없기 때문에 포함하지 마십시오. 다른 언어로 대신 할 필요가 없습니다. – Jimmery

6

서버가 SSI (서버 측 포함)를 지원하는 경우 스크립팅 언어 또는 기타가 필요없이 다음을 HTML 파일에 넣을 수 있습니다. 아파치 SSI는 기본적으로 사용할 수있다

<!--#include file="same_path_file.html" --> 
<!--#include virtual="docroot_file.html" --> 

는 "파일은"현재 파일에 상대적입니다 (I은?) 생각, 그리고 아마도 당신은 "relevant_article_poll.html"와 같은 관련 파일 등을 위해 사용하는 것이 무엇인지.

"가상"은 문서 루트 (즉, 웹 사이트 루트)와 관련이 있으며 머리말과 꼬리말 같은 글로벌 파일을 포함하는 데 사용됩니다.

어떤 항목을 선택하든 상관 없지만 둘 사이의 차이점을 아는 것은 유용합니다.

또한 include 지시어는 각 파일에 대해 서버에 새로운 내부 HTTP 요청을 작성하므로 php 파일 등을 포함 할 수 있으므로 필요한대로 실행됩니다.

다음은 SSI의 유용한 개요입니다 : http://en.wikipedia.org/wiki/Server_Side_Includes

+0

이것은 프로토 타입을 개발하는 FE Devs를위한 아주 간단하고 간단한 옵션입니다. 다른 프레임 워크 (예 : AEM)에서 구성 요소 개발을위한 마크 업을 훨씬 쉽게 손쉽게 작성할 수 있습니다. – Roralee

3

은 당신이 당신을 편집 할 수 있고, HTML5에 포함 기능을 PHP를 사용합니다.htaccess로 파일은 다음과 같이

<Files *.html> 
ForceType application/x-httpd-php 
</Files> 

이제 다음과 같이 HTML 파일의 모든 PHP 코드를 사용할 수 있습니다 :

<?php include 'menu.html'; ?> 

건배를)

관련 문제