태그는 정보, 키워드, 작성자 등과 같은 HTML 문서 내의 메타데이터를 정의하는 데 사용됩니다. HTML5에서는 태그로 표시 영역을 설정할 수 있습니다.
메타 정보를 추가하고 태그를 사용하는 다양한 방법은 다음과 같습니다.
저자
다음을 사용하여 웹페이지 작성자를 추가합니다.
<meta name="author" content="Amit">
설명
다음을 사용하여 웹 페이지에 대한 설명을 정의하십시오.
<meta name="description" content="Learn from Text and Video Tutorials">
키워드
웹 페이지에 키워드를 추가하려면 다음을 사용하십시오.
<meta name="keyword" content="Java, WordPress, Drupal, Android, iOS">
표시 영역을 설정하려면
뷰포트는 모바일 브라우저에서 레이아웃을 제어하는 데 사용됩니다. 태그 내에서 브라우저에 웹 페이지의 크기 및 크기 조정을 제어하는 방법에 대한 지침을 제공하는 데 사용됩니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
예시
다음 코드를 실행하여 태그에 대해 알아볼 수 있습니다.
<!DOCTYPE html> <html> <head> <meta name="description" content="Learn from Text and Video Tutorials"> <meta name="keywords" content="Java, WordPress, Drupal, Android, iOS"> <meta name="author" content="Amit"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>This is is demo text. The head tag consists of all the meta information.</p> </body> </html>