서버없이 HTML 파일을 다른 HTML 파일에 포함하십시오. 그게 가능한가?

Question

모든 페이지에서 일정한 헤더가 있습니다. 나는 그것을 일반화시키고 싶다. 그래서 모든 HTML 페이지에 공통 헤더를 포함하고 싶습니다.

HTML이 포함되어 있는지 확인하면 서버가 필요한 SSI가 포함되어 있습니다. 내 요구 사항은 HTML 파일을 서버없이 다른 파일에 포함하고자합니다.

Answer 1

다른 html 파일에 html을 포함하는 것을 들어 본 적이 없습니다. 난 당신이 뭘 할 수있는 iframe을 사용하여 수행 할 수 있다고 생각합니다.

예 : HEADER.html 현재

Answer 2

나는 그것이 .header의 클래스와 "걸이"div을하는 것입니다 할 것입니다 방법. 그런 다음 <p>을 div 안에 넣고 alt 텍스트를 입력하십시오. 그런 다음 기본 CSS 스타일 시트에서 헤더 이미지를 배경 이미지로 적용하고 텍스트를 부정적으로 들여 씁니다.

Example 
.hanger {background-image:url(header.png); text-indent:-1000px;} 

머리글의 크기를 조정하려면 너비와 높이를 div.hanger에 붙여야합니다.

이 정보가 도움이됩니까?

Answer 3

This later question은 firefox를 사용하고 있다면 디스크의 파일과 작동하는 답변을 얻었습니다.

크롬은 내가 <div id="header">를 호출, 크로스 사이트 스크립팅 오류를

Answer 4

당신은 헤더에 대한 <div>을 가질 수 있습니다. jQuery를 사용하여 다음과 같이 말할 수 있습니다 : $('#header').load(---html file---);. 고통을 제외하고 모든 페이지에 JS 파일을 포함시키는 것이므로 응용 프로그램 전체에서 헤더를 전역 적으로 변경할 수 있습니다.