세이박스

'tag'에 해당되는 글 2건

  1. HTML base URL 활용하는 방법
  2. [HTML] meta 메타 태그 종류

HTML base URL 활용하는 방법

웹프로그램
base url 이란?
현재 디렉토리를 지정한 디렉토리로 변경 해주는 기능 입니다.

조금 설명을 구체적으로 하면 다음과 같습니다.
브라우저에서 특정 사이트를 접속시 일단 html 소스를 읽어 옵니다.
그리고 html 소스를 순서대로 분석하면서 이미지, 플래시, 동영상 등의 파일을 다시 불러와서 내컴퓨터 임시 폴더 영역에 저장 합니다.
임시로 저장하는 영역은 IE 7.0인 경우 다음 경로와 같습니다.
브라우저 메뉴 > 도구 > 인터넷 옵션 > 설정 > 파일보기
를 클릭하면 앞전에 받았던 이미지 등이 보일 것입니다.

예) <img src="/images/test.jpg">

브라우저에서 읽어온 html 소스에 예와 같은 이미지 테그가 있는경우 브라우저에서는 자동으로 접속한 도메인을 base url로 생각하고 이미지를 받아 옵니다.
즉, <img src="http://접속한도메인/images/test.jpg"> 처럼 적용해서 이미지를 받아올 때
http://접속한도메인/images/test.jpg 로 불러 오게 됩니다.

base url 적용 소스 :


위 소스를 html 소스 맨 상단에 입력 해주면 이하 소스들은 위 URL을 기본 도메인 처리 됩니다.

예) 접속한 사이트는 http://www.naver.com/ 이지만 base url은 http://www.saybox.co.kr 인경우
<img src="/images/test.jpg"> 이와 같은 이미지 경로는 http://www.naver.com/images/test.jpg 가 아닌 http://www.saybox.co.kr/images/test.jpg 에서 불러오게 됩니다.

[HTML] meta 메타 태그 종류

웹프로그램

1. <meta http-equiv="Content-Language" content="ko">
웹문서의 문법을 나타냅니다.


2. <meta http-equiv="imagetoolbar" content="no">
이미지에 나타나는 툴바를 제거합니다.


3. <META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">

4. <META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">

3.4번은 웹문서를 들어 올때나 나갈때 부드럽게 페이지를 이동시킵니다..플래시 효과같게...


5. <META http-equiv="Page-Enter" content="RevealTrans(Duration=0.3, Transition=12)">
이 페이지가 호출될때 3초간 12번 효과가 연출됨

6. <META name="robots" content="noindex,follow" />
이 문서는 긁어가지말고 링크된 문서는 긁어 갈 것을 나타냄

7. <META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
캐쉬를 사용하지 말고 다시 지정된 문서를 새로 읽어서 보여준다는 뜻입니다.

8. <META HTTP-EQUIV='Pragma' CONTENT='no-cache'>
캐쉬에서 해당 페이지를 읽어들이는걸 방지합니다..들어 올때마다 새로고침한 것과 같은 효과입니다


이외에도 많이 있음 ^^