본문 바로가기
WEB/HTML

meta

by DeveloperCat 2024. 2. 6.
반응형
<html>
    <head>
        <meta charset="utf-8">
        <meta name="descripton" content="생호라코딩의 소개자료">
        <meta name="keywords" content="코딩,coding,생활코딩,프로그래밍,html,css,javascript">
        <meta name="author" content="egoging">
        <meta http-equiv="refresh" content="30">
        <!-- 30초 간격으로 리프레쉬-->
    </head>
    <body>
        생활코딩은 일반인에게 프로그래밍을 알려주는 온라인/오프라인
        강의입니다.
    </body>
</html>

<!-- 인코딩 : 특정 형태로 컴퓨터 저장, 디코딩 : 우리가 알아볼 수 있는 언어로 나옴-->
<!-- meta 태그는 꼭 사용하지 않아도 된다. 단지 내용을 설명하는 용도로만 쓰인다.-->

 

- http-equiv 속성

: <meta> 태그의 http-equiv 속성은 content 속성에 명시된 값에 대한 HTTP 헤더를 제공합니다. http-equiv 속성은 HTTP 응답 헤더를 시뮬레이션할 때 사용할 수 있습니다. 만약 http-equiv 속성이 명시되어 있다면, 반드시 content 속성도 함께 명시되어야만 합니다.

 

음... 설명을 봐다ㅘ 잘 이해가 안된다.

 

- http-equiv의 속성값

속성값 설명
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">

 

반응형

'WEB > HTML' 카테고리의 다른 글

모바일 지원 (viewport)  (0) 2024.02.06
의미론적 태그  (0) 2024.02.06
글꼴 - font(퇴출됨)  (0) 2024.02.06
파일 업로드  (0) 2024.02.06
method  (0) 2024.02.06