meta

Notice

Recent Posts

Recent Comments

Link

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Tags more

Archives

Today

Total

관리 메뉴

codingfarm

meta 본문

web/HTML5

meta

scarecrow1992 2020. 9. 30. 00:34

어떤 데이터가 있을때 이를 설명하는것이다.

가령 html의 태그들은 그 태그들을 감싼 컨텐츠를 설명한다는 점에서 이들또한 meta data라 할 수 있다.

하지만 웹페이지의 저자, 내용등을 설명하고 요약하며 검색하기 위한 키워드 등을 설명하기 위한 수단도 필요하다.

이를 위해 쓰는것이 <meta> 태그이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
    <head>
        <!--이 meta태그를 통해 웹브라우저는 우리가 작성한 내용을 utf-8로 인코딩 했음을 인식하게 된다.-->
        <!--그러므로 브라우저는 이 약속에 맞추어 디코딩 하고 화면에 표시한다.-->
        <meta charset="utf-8">
 
        <!--페이지에 대해 요약된 자료로 사용 가능하다-->
        <!--정확히 어떻게 쓰일지는 우리가 알 수 없지만, 검색엔진에 노출되거나 하는데 이용 가능-->
        <meta name="description" content="생활코딩의 소개자료">
        
        <!--이 웹페이지를 분류할 키워드를 나열하고 검색엔진, 분류 프로그램등은 이를 기준으로 여러 작업을 수행한다.-->
        <meta name="keywords" content="코딩,coding,생활코딩,프로그래밍,html,css,javascript">
    
        <!--웹브라우저의 작가가 누구인지를 규정한다.-->
        <meta name="author" content="egoing">
 
        <!--이 웹페이지를 30초 간격으로 refresh 하게끔 브라우저에 통보한다.-->
        <meta http_equiv="refresh" content="30">
    </head>
    <body>
        생활코딩은 일반인에게 프로그래밍을 알려주는 온라인/오프라인 강의입니다.
    </body>
</html>
Colored by Color Scripter
cs