https://media.vlpt.us/images/hoho_0815/post/c0675296-346d-4ec8-900c-8ef8304e14d4/html.webp

메타태그

웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용 합니다.

<meta name="keyword" content="HTML, meta, tag, element, reference"><meta name="description" content="HTML meta tag page"><meta name="author" content="TCPSchool"><meta http-equiv="refresh" content="5;url=http://www.tcpschool.com"><meta name="viewport" content="width=device-width, initial-scale=1.0">

• keyword는 검색 엔진을 위한 키워드를 정의 합니다.
• description은 웹 페이지에 대한 설명을 정의 합니다.
• author는 문서의 저자를 정의 합니다.
• 5초 뒤에 다른 페이지로 리다이렉트(redirect)시키는 예제 입니다.
• viewport는 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트를 설정 합니다.

• 위의 예시를 제외하고 다양한 종류가 있습니다.

결론

: HTML 문서의 head 태그 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 무엇을 만들었는지 등의 문서 자체의 특성을 담고 있습니다.

참고

• HTML <meta> 태그 - 코딩의 시작, TCP School
• head 태그에는 무엇이 있을까? HTML의 메타데이터