Jadual Kandungan
meta
iOS 设备
iOS 图标
动画面" >iOS 启动画
iOS 设备 end
Rumah hujung hadapan web html tutorial html 移动端的头部标签和meta标签的详述

html 移动端的头部标签和meta标签的详述

Jun 29, 2017 pm 01:22 PM
html meta Label

使用 HTML5 doctype,不区分大小写

1

<!DOCTYPE html>

Salin selepas log masuk

更加标准的 lang 属性写法

1

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

Salin selepas log masuk

meta

声明文档使用的字符编码

1

<meta charset=&#39;utf-8&#39;>

Salin selepas log masuk

优先使用 IE 最新版本和 Chrome

1

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

Salin selepas log masuk

页面描述

1

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

Salin selepas log masuk

页面关键词

1

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

Salin selepas log masuk

网页作者

1

<meta name="author" content="name, email@gmail.com"/>

Salin selepas log masuk

搜索引擎抓取

1

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

Salin selepas log masuk

为移动设备添加 viewport

1

2

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

    <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->

Salin selepas log masuk

iOS 设备

添加到主屏后的标题(iOS 6 新增

1

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

Salin selepas log masuk

是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏

1

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

Salin selepas log masuk

添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)

1

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

Salin selepas log masuk

设置苹果工具栏颜色

1

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

Salin selepas log masuk

忽略页面中的数字识别为电话,忽略email识别

1

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

Salin selepas log masuk

启用360浏览器的极速模式(webkit)

1

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

Salin selepas log masuk

避免IE使用兼容模式

1

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

Salin selepas log masuk

针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓

1

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

Salin selepas log masuk

微软的老式浏览器

1

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

Salin selepas log masuk

uc强制竖屏

1

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

Salin selepas log masuk

QQ强制竖屏

1

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

Salin selepas log masuk

UC强制全屏

1

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

Salin selepas log masuk

QQ强制全屏

1

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

Salin selepas log masuk

UC应用模式

1

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

Salin selepas log masuk

QQ应用模式


windows phone 点击无高光

1

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

Salin selepas log masuk

iOS 图标

iPhone 和 iTouch,默认 57x57 像素,必须有

1

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

Salin selepas log masuk

Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有

1

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

Salin selepas log masuk

Retina iPad,144x144 像素,可以没有,但推荐有

1

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

Salin selepas log masuk

iOS 启动画

iPad 竖屏 768 x 1004(标准分辨率)

1

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

Salin selepas log masuk

iPad 竖屏 1536x2008(Retina)

1

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

Salin selepas log masuk

iPad 横屏 1024x748(标准分辨率)

1

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

Salin selepas log masuk

iPad 横屏 2048x1496(Retina)

1

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

Salin selepas log masuk

iPhone/iPod Touch 竖屏 320x480 (标准分辨率)

1

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

Salin selepas log masuk

iPhone/iPod Touch 竖屏 640x960 (Retina)

1

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

Salin selepas log masuk

iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)

1

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

Salin selepas log masuk

iOS 设备 end

Windows 8 磁贴颜色

1

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

Salin selepas log masuk

Windows 8 磁贴图标

1

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

Salin selepas log masuk

添加 RSS 订阅

1

<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>

Salin selepas log masuk

添加 favicon icon

1

<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>

Salin selepas log masuk

标题

1

<title>标题</title>

Salin selepas log masuk

Atas ialah kandungan terperinci html 移动端的头部标签和meta标签的详述. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles