Share
Sign In
<meta> TAG
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기
HTML5에서는 <meta> 태그를 이용하여 웹에 사용자가 보는 영역인 뷰포트(viewport), 인코딩방식(charset), 검색 최적화(keywords), 등을 name 속성에 속성값으로 정의하고 있습니다.
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
charset 메타 태그를 통해 웹 문서의 인코딩 방식을 결정합니다.
keywords 네이버 또는 구글과 같은 검색엔진에서 검색했을 때, 키워드의 단어 중심으로 검색됩니다.
author, description 웹 문서를 작성한 저자(author)와 문서의 내용(description)을 정의합니다.
viewport 특정한 장치에서 웹이 원하는 방법대로 보이도록 정의합니다.
http-equiv="refresh" 5초 뒤에 현재 웹을 다른 페이지로 리다이렉트(redirect) 합니다.
http-equiv='X-UA-Compatible' IE를 최상위 버전으로 랜더링 합니다.
html5shiv_cdn 는 IE가 HTML5 요소를 인식하고 스타일을 지정합니다.
Modernizr_cdn 는 브라우저 기능을 확인하는 데 사용됩니다.
respond_cdn IE 6 ~ 8 버전에서 미디어 쿼리를 해석 할 수있는 JavaScript 라이브러리입니다.
name
name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.
charset
content
http-equiv
프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.
1.
content-type
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
2.
default-style
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
3.
x-ua-compatible
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.
4.
content-security-policy
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
5.
refresh
content 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
content 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
접근성 고려사항refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
정보출처 : MDN Documents
HTML5 홈으로 돌아가기
HTML5
메인으로 돌아가기