메타태그에 대한 자세한 설명

메타 태그는 HTML 웹페이지의 소스 코드에서 매우 중요한 태그입니다. 다음 글에서는 HTML의 메타 태그에 대한 지식을 소개하는 데 중점을 둘 것입니다.

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

1. 뷰포트

XML/HTML 코드복사 클립보드에 넣을 콘텐츠

1. <메타 이름= "뷰포트" 콘텐츠="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

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

(2) 초기 크기 조정, 페이지가 처음 로드될 때 크기 조정;

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

(4) maximum-scale 사용자가 확대할 수 있는 최소 비율; , 범위: 0 ~ 10.0;

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

2. 내용 ="IE=edge"

XML/HTML 코드 클립보드에 콘텐츠 복사

1. <메타 http -equiv="X-UA 호환 " content="IE=edge"> -UA 호환 IE8의 고유한 속성으로, 웹 페이지를 렌더링하는 데 사용할 IE 버전을 알려줍니다.

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

3. 렌더러

듀얼 코어 브라우저가 기본적으로 페이지를 렌더링하는 방법을 지정합니다.
webkit 기본 webkit 커널 ie-comp 기본 IE 호환 모드

ie-stand 기본 IE 표준 모드

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

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

4.apple-mobile-web-app-title

XML/HTML 코드

클립보드에 콘텐츠 복사

< ;

메타

이름
1. =

   "apple-mobile-web-app-제목" 콘텐츠="블로그 가든 "> 화면으로 보낼 때 기본 이름은

5. 형식 감지

XML/HTML 코드

클립보드에 콘텐츠 복사

<

메타

이름

=
1. "형식 감지"

   콘텐츠 ="telephone=no" /> // 페이지에 있는 숫자를 전화번호로 무시하도록 기기에 지시합니다.

2. <메타 이름="형식 감지" 콘텐츠 ="email=no" /> //안드로이드가 이메일 주소를 인식하지 못하도록 합니다

   
   

더보기 메타태그 관련 글에 대해 더 자세하고 간단하게 설명하고 싶다면 PHP 중국어 홈페이지를 주목해주세요!