메타데이터 - 데이터에 대한 데이터
ex)
사진 데이터의 메타데이터 : 사진 찍은 장소, 시간
오디오 데이터 : 재생 시간, 채널 수
이미지 데이터 : 이미지의 폭, 높이 컬러 해상도
--
메타 태그들은 <head> 안에 작성
--
검색사이트들은 메타 정보를 가지고 검색을 진행함.
ex)
구글은 해당 사이트의 메타 정보의 값을 이용하여 사이트를 검색한다고 함.
--
html페이지에 대한 메타 ㄷ이터를 담기 위한 태그들
<base> <link> <script> <style> <title> <meta>
<script>는 <body>내에서도 작성가능
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 | <!DOCTYPE html> <html lang="en"> <head> <!-- 문자의 속성, utf-8은 동서양권 대부분 문자를 입력 가능한 포맷 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- name와 content는 한쌍, 작성자에 대한 정보 --> <meta name="author" content="홍길동"> <!-- name와 content는 한쌍, 홈페이지 정보 --> <meta name="description" content="임의 홈페이지"> <!-- 외부의 css파일을 이용하여 스타일을 적용 --> <link type="text/css" rel="stylesheet" href="mystyle.css"> <title>Document</title> </head> <body> <p>p태그의 테스트입니다.</p> <h1>h1태그의 테스트입니다.</h1> <h2>h2태그의 테스트입니다.</h2> </body> </html> | cs |
'Web > Html_Css' 카테고리의 다른 글
| <ul> <ol> 태그 사용 예시 - 글자에 번호 붙이기 (0) | 2020.03.03 |
|---|---|
| <img> 태그 - html 이미지 넣기 (0) | 2020.03.03 |
| <p>태그, <br/>태그, <hr태그> 예시 (0) | 2020.03.02 |
| <!DOCTYPE html> 의 의미 (0) | 2020.03.02 |
| 폼 태그 (0) | 2020.01.19 |