HTML

HTML 메타 데이터 삽입

뚜벅뚜벅뚜벅이 2022. 7. 8. 21:07
반응형

메타 데이터는 데이터를 설명하는 데이터다. 메타라는 뜻 자체가 한 단계 상위의 라는 뜻이다. 사진의 경우는 찍은 장소와 시간 데이터가 메타데이터가되고 오디오 파일의 경우 재생시간, 채널 수가 메타 데이터가된다.

HTML 페이지에 대한 메타정보를 표현하는 태그들이 있다. 전에 보았던 <title>태그가 이에 해당된다.

<base>, <link>, <script>, <title>,<meta>

이 태그들은 <head>안에 작성한다.

<base>

기본 url을 설정할때 사용한다.

예를 들어 네이버 사이트안에는 많은 페이지가 존재하지만 우리가 홈페이지라고 부르는것은 하나이다. 이처럼 기본이 되는 url을 설정할때 사용한다.

<style>

CSS 스타일 시트를 담는 태그이다. 이 태그안에 담는 내용으로 기본문서를 꾸며줄 수 있다.

<meta>

<meta> 데이터는 name과 content속성으로 구성한다.

웹페이지의 저작자, 문자 인코딩 방식, 문서 내용 등의 내용을 표현한다.

·저작자 표시하기

<meta name="author" content="홍길동">

·키워드 표시(검색엔진에 잘 걸리도록)

<meta name="keywords" content="컴퓨터, 소프트웨어, it">

·인코딩 방식 지정

<meta charset="utf-8">

utf-8 은 디폴드이므로 생략가능하지만 다양한 브라우져 환경에서 utf-8으로 처리하기 위해 두는 것이 좋다.

다른 태그들은 아직 배우지 않았지만 책에 있는 내용을 참고하여 써본다면

<script>는 자바 스크립트의 코드를 담는 태그, <link>는 html페이지에 다은 자원을 연결할때 사용한다.

반응형