매일 조금씩

[Node JS] 로딩페이지 만들기 (HTML) 본문

프로젝트/라즈베리파이를 기반으로한 디지털게시판 - DASHSHUND

[Node JS] 로딩페이지 만들기 (HTML)

mezo 2020. 4. 17. 22:54
728x90
반응형

HTML <meta> 태그 사용!

 

 

<meta> 태그의 http-equiv 속성은 content 속성에 명시된 값에 대한 HTTP 헤더를 제공한다.

 

http-equiv 속성은 HTTP 응답 헤더를 시뮬레이션할 때 사용할 수 있다.

만약 http-equiv 속성이 명시되어 있다면, 반드시 content 속성도 함께 명시되어야만 한다.

 

 

 

속성 값 설명

content-type

해당 문서의 문자 인코딩 방식을 명시함.

ex) <meta http-equiv="content-type" content="text/html; charset=UTF-8">

default-type

우선적으로 적용할 스타일시트를 명시함.

content 속성값은 동일한 문서에 존재하는 link 요소의 title 속성값과 일치하거나, 동일한 문서에 존재하는 style 요소의 title 속성값과 일치해야만 합니다.

ex) <meta http-equiv="default-style" content="preferred stylesheet">

refresh

해당 문서를 새로고침(refresh)할 시간 간격을 명시함.

refresh 속성값은 사용자로부터 페이지에 대한 제어를 빼앗아오기 때문에 주의를 기울여 사용해야 합니다.

ex) <meta http-equiv="refresh" content="30">

출처: http://tcpschool.com/html-tag-attrs/meta-http-equiv

 

 

 

여기선 refresh 를 사용하면 된다.

<meta http-equiv="refresh" content="3;url=#!/main" />

이렇게 작성하면 3초 뒤에 main파일을 브라우저에 띄우게 된다.

 

728x90
반응형