HTML5/CSS3 수업자료

탄천 연구소 메인 및 서브 페이지 자료

관리자 2019.04.02 18:39 조회 수 : 424

 

가로 콘텐츠 : 1200px

 

 material design icon, 참고 사이트 - https://material.io/icons/

 

footer text

Address:13595 경기도 성남시 분다구 황새울로 216, 휴맥스빌리지 | Phone:031-776-6017|Fax:037-776-6007|E-mail:tancheonforum@tancheonforum.com

Copyright ⓒ 2017 재단법인 탄천연구포럼 All rights reserved

 

웹표준 검사 

HTML Validation => http://validator.kldp.org

CSS 스타일 검사 => http://css-validator.kldp.org

 

edu_main.jpg

 

 

html 문서 분리 후 include 작업

1. <?php include "header.html" ?>   

    서버에서 실행후 확인

 

-----------------------------------------------------------------------------------------------------------------------------------

 

2. jquery hmtl 불러오기(javascript 라이브러리 필요)

<script>

 $(function(){

      $("#header").load("header.html") 

 });

</script>

 

헤더 영역

<div id="header"></div>

 

-----------------------------------------------------------------------------------------------------------------------------------

3. js 파일로 html 불러오기

 

  <head>영역에 <script src="js/includeHTML.js"></script> 넣는다.

 

  읽어 들일 부분에 넣는다.

   <div id="header" include-html="edge_header.html"></div>

 

 

내용 아래에

<script>

    includeHTML();

</script>

 

 

 

이 게시물을
목록
쓰기 태그
keyboard_arrow_up