HTML之必備meta標籤

2022-06-10 14:39:08 字數 850 閱讀 3780

meta標籤寫在html的中,推薦每個手機h5頁面必加以下的**:

1

<

head

>

2<

meta

charset

="utf-8"

>

3<

meta

id="viewport"

name

="viewport"

content

="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"

>

4<

meta

name

="format-detection"

content

="telephone=no, email=no"

>

5head

>

utf-8是規定好字符集,防止亂碼。

viewport的作用是讓當前viewport的寬度等於裝置的寬度,同時不允許使用者手動縮放。

也許允不允許使用者縮放不同的**有不同的要求,但讓viewport的寬度等於裝置的寬度,這個應該是大家都想要的效果。

如果你不這樣的設定的話,那就會使用那個比螢幕寬的預設viewport,也就是說會出現橫向滾動條

format-detection的作用是禁止將頁面中的一連串數字識別為**號碼,並設定為手機可以撥打的乙個鏈結,郵箱亦如此(在iphone會有這種情況)。

html頭部meta標籤

標籤定義了html的元資料,元資料是不會在內容中顯示的,但會被瀏覽器解析。的基本寫法 viewport content width device width,initial scale 1.0,user scalacle no 標籤不閉合,屬性有 name 把content屬性關聯到乙個名稱 con...

html標籤必備

常用快捷鍵 ctrl c 複製ctrl v 貼上ctrl x 剪下ctrl a 全選ctrl s 儲存ctrl z 撤銷一步 windows d 返回桌面 windows e 我的電腦 windows r 開啟執行 alt tab 切換軟體 ctrl tab 軟體文件之間的切換 f2重新命名 f5重...

html標籤必備

常用快捷鍵 ctrl c 複製ctrl v 貼上ctrl x 剪下ctrl a 全選ctrl s 儲存ctrl z 撤銷一步 windows d 返回桌面 windows e 我的電腦 windows r 開啟執行 alt tab 切換軟體 ctrl tab 軟體文件之間的切換 f2重新命名 f5重...