메타(meta) 태그 간단 정리

📰 HTML 🔻/🐦 HTML-Note

output7 2021. 12. 30. 13:39

검색 엔진을 위한 키워드(keyword)를 정의
<meta name="keyword" content="HTML, meta, tag, element, reference">
문서의 저자(author)를 정의
<meta name="author" content="name">
웹 페이지에 대한 설명(description)을 정의
<meta name="description" content="portfolio">
모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정
<meta name="viewport" content="width=device-width, initial-scale=1 />
contnet="width=device-width" ➡ 콘텐츠를 표현할 넓이('디바이스 크기에 맞춤')
initial-scale=1 ➡ 초기 크기 설정(기본 꽉찬 화면)
minimum-scale=1 ➡ 최소 크기 설정(기본값: 0.25, 범위: 0 ~ 10.0)
maximum-scale=1 ➡ 최대 크기 설정(최대 배율 범위: 0 ~ 10.0)
user-scalable=no ➡ 사용자 단말가의 확대기능 사용 유무(yes/no)
IE브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서 모드
<meta http-equiv="X-UA-Compatible" content="IE=edge">