div에 html 파일을 포함하려면 어떻게해야합니까?

Question

이전 질문에 대한 많은 답은 프레임과 iframe 사용을 중단하고 DIV를 사용하는 것이 좋습니다. 이제 내 질문은 DIV 안에 html 파일을 포함시키는 방법이다. 그것은 앞으로 똑바로 보지 않는다.

Answer 1

매우 쉽고 간단해야합니다.

페이지에 jQuery을로드하고 load() 메서드를 사용하고로드 할 파일을 전달하십시오.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { // this runs as soon as the page is ready (DOM is loaded) 
    $("div") // selecting "div" (you can also select the element by its id or class like in css) 
    .load("path/to/your/file.html") // load in the file specified 
    }); 
</script> 

Answer 2

일반적으로 당신은 includemechanism 또는 templatelanguage의 형태를 사용합니다.

필자가 선호하는 것은 Template-Toolkit 및 the WRAPPER directive을 사용하여 페이지 템플리트로 내용을 랩핑하는 것입니다.

그러나 div는 프레임 대신 사용할 수 없습니다. 의미 적으로 내용에 적합한 마크 업을 사용하십시오. Div는 좋은 의미를 가진 요소가있는 마지막 수단입니다. (여전히 잘못된 의미를 가진 요소보다 훨씬 낫습니다.)

Answer 3

내 귀에는 프레임/iframe 사용을 중단하라는 제안이 Ajax로 전환되는 것 같습니다.

Answer 4

html 파일 대신 서버 측 언어 사용을 시작하십시오.

PHP's include() function

include("myfile.php"); 

.NET 예 :

string file = Server.MapPath("myfile.txt"); 
if(System.IO.File.Exists(file)){ 
    Response.Write(System.IO.File.ReadAllText(file)); 
} 

내용이 당신에게 어떤 SEO 혜택을 제공하지로드 자바 스크립트를 사용하여 유의하십시오. 서버 측 언어를 사용하면 어쨌든 개발 속도가 빨라집니다. 즉시 혜택을 볼 수 있습니다. include를 사용하여 머리말, 꼬리말 및 내용을 끌어 올 수 있습니다. 헤더 탐색에서 1 개의 항목을 변경하기 위해 100 개의 html 파일을 파기하지 않고 한 번만 수행하면 즉시 나머지 사이트에서 작업하게됩니다.