vscode를 이용해 코드를 짜다가 문득 든 화면 밖의 태그들
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
html lang = "en", 그리고 head 태그 안의 meta 의 뜻이 문득 무슨 내용인가 싶어서 알아 보았다.
html lang = "en"
'lang' 언어를 뜻한다 "en"이면 영어 "ko"이면 한국어 나중에 크롬에서 제공하는 번역기 사용시 오류가 나지않도록 "ko"를 쓰는것을 습관화 해야겠다.
meta
메타데이터를 뜻한다.(데이터에 관한 구조화된 데이터로, 다른 데이터를 설명해 주는 데이터)
검색 엔진을 위한 키워드(keyword)를 정의할때
<meta name="keyword" content="HTML, meta, tag, element, reference">웹 페이지에 대한 설명(description)을 정의할때
<meta name="description" content="HTML meta tag page">웹페이지의 저자을 표시할때
<meta name="author" content="Juno">이런식으로 대기시간후에 웹 문서로 refresh(새로고침 f5) 동작도 쓸 수 있다.
<META http-equiv=“refresh” CONTENT=“대기시간; URL=웹 문서”>viewport를 정의하여 반응형 웹을 만들 때도 사용한다.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 장치와 with(너비)값을 맞추고 초기배율 최대배율 지정
Viewport meta tag 여기를 참고해보자.
안녕하세요 인터랙션한 웹 개발을 지향하는 프론트엔드 개발자 입니다. https://kimjunho97.tistory.com => 블로그 이전 중