H5 메타 속성 사용 완료

문서에 사용 된 문자 인코딩을 선언하십시오.

<meta charset=‘UTF-8>
최신 버전의 IE 및 Chrome 사용 우선 :
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

페이지 설명 :

<meta name="description" content="不超过150个字符"/>

페이지 키워드 :

<meta name="keywords" content=""/>

웹 페이지 작성자 :

<meta name="author" content="name, [email protected]"/>

검색 엔진 크롤링 :

<meta name="robots" content="index,follow"/>

모바일 장치 용 뷰포트 추가

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">

iOS 기기가 홈 화면에 추가 된 후 제목 (iOS 6의 새로운 기능) :

 <meta name="apple-mobile-web-app-title" content="标题">

WebApp 전체 화면 모드 활성화 여부, Apple의 기본 도구 모음 및 메뉴 표시 줄 삭제 :

<meta name="apple-mobile-web-app-capable" content="yes"/>

스마트 앱 배너 추가 (iOS 6+ Safari) :

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

Apple 도구 모음의 색상을 설정합니다.

<meta name="apple-mobile-web-app-status-bar-style" content="black"/> 

전화로 인식 할 페이지의 번호를 무시하고 이메일 인식을 무시합니다.

<meta name="format-detection" content="telphone=no, email=no"/>  

360 브라우저 (웹킷)의 속도 모드 활성화 :

<meta name="renderer" content="webkit">

호환성 모드를 사용하여 IE를 피하십시오.

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

주로 BlackBerry와 같이 뷰포트를 인식하지 못하는 일부 오래된 브라우저를 위해 핸드 헬드 장치에 최적화되었습니다.

<meta name="HandheldFriendly" content="true">  

Microsoft의 이전 브라우저 :

<meta name="MobileOptimized" content="320">

uc 강제 수직 화면 :

<meta name="screen-orientation" content="portrait">

UC 애플리케이션 모드

<meta name="browsermode" content="application">

UC 강제 전체 화면 :

<meta name="full-screen" content="yes">

QQ 강제 수직 화면 :

<meta name="x5-orientation" content="portrait">  

QQ 강제 전체 화면

<meta name="x5-fullscreen" content="true">  

강조 표시없이 Windows Phone 클릭

<meta name="msapplication-tap-highlight" content="no">

추천

출처blog.csdn.net/weixin_43169949/article/details/103001025