>웹 프론트엔드 >HTML 튜토리얼 >메타 태그의 일부 사용법에 대한 자세한 설명

메타 태그의 일부 사용법에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-03-30 11:41:561406검색

META 태그라고 불리는 것은 HTML 웹 페이지의 소스 코드에 있는 중요한 HTML 태그입니다. META 태그는 작성자, 날짜 및 시간, 웹 페이지 설명, 키워드, 페이지 새로 고침 등과 같은 HTML 웹 페이지 문서의 속성을 설명하는 데 사용됩니다.

1. 뷰포트

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />



(1) 너비는 뷰포트의 크기를 제어하며 값을 지정할 수 있습니다. , 예: 640 또는 특수 값; device-width는 장치의 너비입니다(단위는 100%로 조정된 CSS 픽셀입니다).

(2) 초기 크기 조정, 페이지 크기 조정 처음 로드됨

(3) maximum-scale 사용자가 확대/축소할 수 있는 최대 비율(0~10.0)

(4) 최소 비율; 사용자는 0에서 10.0까지 확대/축소할 수 있습니다.

(5) 사용자 확장 가능 사용자가 수동으로 확대/축소할 수 있는지 여부는 다음과 같습니다. yes 또는 true는 사용자가 확대/축소할 수 있도록 허용하고, 그렇지 않으면 false를 허용합니다. 사용자가 확대/축소하는 것을 허용하지 않음

2 , content="IE=edge"

<meta http-equiv="X-UA-Compatible" content="IE=edge">



X-UA -Compatible은 IE8에 웹 페이지를 렌더링하는 데 사용되는 IE8의 고유한 e8e496c15ba93d81f6ea4fe5f55a2244 속성입니다.

IE=edge; 시스템이 IE8 이상으로 설치되어 있으면 가장 높은 버전의 IE가 렌더링에 사용됩니다. 그렇지 않으면 이 설정을 무시할 수 있습니다.

3. 렌더러

a257cf05248453bebd0d21ba46f42ac8 듀얼 코어 브라우저가 기본적으로 페이지를 렌더링하는 방법을 지정합니다.

webkit 기본 webkit 커널

ie-comp 기본 IE 호환 모드

ie-stand 기본 IE 표준 모드

그리고 webkit|ie- Comp|ie-stand는 우선순위대로 작성됩니다. 지원되지 않는 경우 브라우저는 자체 렌더링 코어를 선택하여 현재 웹 페이지를 왼쪽에서 오른쪽으로 처리합니다.

현재 지원하는 브라우저는 360


4. apple-mobile-web-app-title

<meta name="apple-mobile-web-app-title" content="博客园">

은 화면에 보낼 때 기본적으로 이름이 지정됩니다.


5. 형식 감지
XML/HTML 코드 내용을 클립보드 보드에 복사

아아아앙
        

위 내용은 메타 태그의 일부 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.