>  기사  >  웹 프론트엔드  >  HTML 재사용 스킬_HTML/Xhtml_웹페이지 제작

HTML 재사용 스킬_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:41:461371검색

HTML 재사용은 거의 언급되지 않는 용어입니다. 오늘 이 문제에 대한 요약은 다음과 같습니다.
이전 버전의 브라우저에서는 HTML 문서가 중첩을 지원하지 않으며 HTML 코드를 기반으로 하는 두 가지 주요 방법이 있습니다. 서버 측 및 클라이언트 측 구현:
1. 서버 측 구현
 a. 일반적인 shtml 파일인 SSI를 사용합니다.
b.asp, php 등에 대한 명령문, asp.net에 대한 템플릿 페이지 및 사용자 컨트롤을 포함합니다.

2. 클라이언트 측에서
을 구현합니다. a. html 문서의 onload 이벤트에서 js 메소드를 실행할 수 있습니다. 메소드 페이지 요소를 컨테이너로 찾아 컨테이너에 html 코드 조각을 출력합니다(출력할 html 코드 조각을 저장하는 문자열을 정의할 수 있습니다. 예: var str="

hello world!< /p>";) .
a2. 페이지에서 와 같은 스크립트 등록 블록을 사용합니다(여기서 Default3.aspx는 js 스크립트 파일일 수도 있음). 또는 js 형식을 구현하는 다른 서버 측 출력) 구현된 스크립트 파일의 document.write 메소드를 사용하여 재사용할 html 코드를 인쇄합니다.
a3.AJAX를 사용하여 구현되었습니다. 이 방법에는 결함이 있습니다. 즉, 클라이언트의 일부 브라우저는 기본적으로 Ajax 사이트 간 호출을 지원하지 않습니다.
b. iframe 사용

둘 중 선택:
클라이언트 측 구현이 일부 정적 페이지나 특별한 경우에 사용되지 않는 한 대부분의 경우 서버 측 구현이 선호됩니다. .

더 많은 참고자료:

http://ask-leo.com/how_do_i_include_one_html_file_inside_another.html

http://www.boutell.com/newfaq/creating/include.html

http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.