웹페이지의 메타데이터를 정의하는 <meta>

HTML의 태그는 웹페이지의 메타데이터를 정의하는 데 사용됩니다. 메타데이터는 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 제공하는 역할을 합니다. 태그는 여러 가지 속성을 사용하여 다양한 정보를 제공할 수 있습니다. 1. charset: 문자 인코딩을 지정합니다. 예: 은 문서가 UTF-8 인코딩을 사용함을 나타냅니다. 웹페이지에서 문자 깨짐 현상을 방지하기 위해 가장 기본인 인코딩 선언을 해줍니다. 2. Keywords (검색엔진에 의해 검색되는 단어 지정). 예: "커리어리" 가 구글 검색결과 제목으로 노출됩니다. 예: "안녕하세요. 프론트엔드 개발자 입니다." 가 검색결과 Description 으로 노출됩니다. 3. viewport: 웹페이지의 뷰포트 설정을 지정합니다. 뷰포트는 사용자가 볼 수 있는 웹페이지의 영역입니다. 주로 모바일 장치에서 페이지의 스케일 및 크기 조정과 관련된 정보를 제공합니다. 예: width=device-width 은 장치의 화면 너비를 따르도록 페이지 너비를 설정합니다 initial-scale=1.0 은 페이지가 브라우저에 의해 처음 로드될 때 초기 확대/축소 수준을 설정합니다. 뷰포트가 설정되어 있지 않다면 모바일이나 태블릿 에서 PC 화면 기준으로 렌더링 될 수 있습니다. 이외에도, 캐시, 새로고침, 페이지이동 등 태그는 다양한 용도로 사용됩니다. 메타 태그의 종류에 대해 좀 더 자세히 알고 싶으시다면 링크에 첨부한 사이트에 방문하시는것을 추천드립니다.