메타태그

1. 뷰포트

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"</span> <span style="color: #0000ff;">/></span>

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

(2)초기 배율 초기 확대/축소 비율, 페이지가 처음 로드될 때의 확대/축소 비율

(3)최대 배율 사용자가 확대/축소할 수 있는 최대 비율(0~10.0 범위)입니다.

(4)

최소 배율 사용자가 확대/축소할 수 있는 최소 비율(0~10.0 범위)입니다. (5)

사용자 확장 가능

사용자가 수동으로 확대/축소할 수 있는지 여부에 따라 값은 다음과 같습니다. 사용자가 확대/축소할 수 있도록 하려면 yes 또는 true이고, 사용자가 확대/축소할 수 없도록 하려면 false입니다.

2. content="IE=edge"

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="X-UA-Compatible"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="IE=edge"</span><span style="color: #0000ff;">></span>

X-UA-Compatible

은 IE8의 고유한 속성으로 웹 페이지를 렌더링하는 데 사용할 IE 버전을 알려주며 html의 ; IE=edge, 시스템이 ie8 이상으로 설치된 경우 가장 높은 버전의 ie가 렌더링에 사용됩니다. 그렇지 않으면 이 설정을 무시할 수 있습니다.

3. 렌더러

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="renderer"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="webkit|ie-comp|ie-stand"</span><span style="color: #0000ff;">></span>

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

웹킷

기본 웹킷 커널

ie-comp

기본 IE 호환 모드

ie-stand

기본 IE 표준 모드 webkit|ie-comp|ie-stand는 우선순위대로 작성됩니다. 지원되지 않는 경우 브라우저는 현재 웹페이지를 처리하기 위해 왼쪽에서 오른쪽으로 렌더링 커널을 선택합니다. .

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

4. apple-mobile-web-app-제목

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="apple-mobile-web-app-title"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="博客园"</span><span style="color: #0000ff;">></span>

화면으로 보낼 때 기본 이름

5. 형식 감지

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="telephone=no"</span> <span style="color: #0000ff;">/></span><span style="color: #000000;"> //告诉设备忽略将页面中的数字识别为电话号码
</span><span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="email=no"</span> <span style="color: #0000ff;">/></span> //不让android识别邮箱