html 모바일 헤드 태그 및 메타 태그에 대한 자세한 설명-HTML 튜토리얼-php.cn

html 모바일 헤드 태그 및 메타 태그에 대한 자세한 설명

黄舟

풀어 주다： 2017-06-29 13:22:41

원래의

1042명이 탐색했습니다.

대소문자를 구분하지 않는 HTML5 doctype 사용

<!DOCTYPE html>

로그인 후 복사

더 많은 표준 언어 속성쓰기

<html lang="zh-cmn-Hans">

로그인 후 복사

iOS 장치

홈 화면에 추가한 후 제목(i OS 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">

로그인 후 복사

QQ 강제 세로 화면

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

로그인 후 복사

UC 강제 전체 화면

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

로그인 후 복사

QQ force 전체 스크린

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

로그인 후 복사

uc 응용 프로그램 모드 모드

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

로그인 후 복사

qq 애플리케이션 모드 Moder는 폰 클릭없이 클릭

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

로그인 후 복사

ios icon

iphone and itouch, 기본 57x57 픽셀, 반드시

<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>

로그인 후 복사

iPhone 및 Retina가 있어야합니다. iTouch, 114x114픽셀은 없어도 사용할 수 있지만 권장됩니다. 비율)

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>

로그인 후 복사

iPad 세로 1536x2008(Retina)

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>

로그인 후 복사

iPad 가로 1024x748(표준 해상도)

<link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>

로그인 후 복사

iPad 가로 2048x1496(Retina) 으르르르르

iPhone/ iPod Touch 세로 화면 320x480(표준 해상도)

<link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>

로그인 후 복사

iPhone/iPod Touch 세로 화면 640x960(Retina)

<link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>

로그인 후 복사

iPhone 5/iPod Touch 5 세로 화면 640x1136(Retina)

<link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>

로그인 후 복사

iOS 기기 끝

Windows 8 타일 색상

<link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>

로그인 후 복사

Windows 8 타일 아이콘

<link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>

로그인 후 복사

RSS 구독 추가

<link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>

로그인 후 복사

파비콘 아이콘 추가

 <meta name="msapplication-TileColor" content="#000"/>

로그인 후 복사

제목

<meta name="msapplication-TileImage" content="icon.png"/>

로그인 후 복사

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