html頭部中各式各樣的meta

2022-08-11 22:24:14 字數 1785 閱讀 4144

在寫網頁的過程中,第一步就是建立乙個html文件。如下是最簡單的 html5 文件。

1239

1011

12

上面第乙個 meta 就是規定了文件的字元編碼。

meta 元素可以提供有關頁面的元資訊,比如針對搜尋引擎和更新頻度的描述和關鍵字。它不會顯示在頁面上,但是計算機可以識別。

meta 有乙個必須屬性是 content 定義與 http-equiv 或 name 屬性相關的元資訊。

可選屬性有 三個 http-equiv、name、scheme。

name 屬性主要用於描述網頁。

1、定義文件關鍵字,用於搜尋引擎。

2、用於web頁面描述。

3、定義作者。

4、規定用於生成文件的乙個軟體包(不用於手寫頁面)

5、規定頁面所代表的 web 應用程式的名稱。

6、用於標註版權資訊。

7、renderer是為雙核瀏覽器準備的,用於指定雙核瀏覽器預設以何種方式渲染頁面。

//

預設webkit核心

//預設ie相容模式

//預設ie標準模式

8、搜尋引擎爬蟲重訪時間。如果頁面不是經常更新,為了減輕搜尋引擎爬蟲對伺服器帶來的壓力,可以設定乙個爬蟲的重訪時間。如果重訪時間過短,爬蟲將按它們定義的預設時間來訪問。

http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在傳送實際的文件之前先在要傳送給瀏覽器的 mime 文件頭部包含名稱/值對。

1、每 30 秒重新整理網頁。

2、x-ua-compatible 告知瀏覽器以何種版本來渲染頁面。

//指定ie和chrome使用最新版本渲染當前頁面

3、指定請求和相應遵循的快取機制。

content 有 5種情況:

① no-cache : 先傳送請求,與伺服器確認該資源是否被更改,如果未被更改,則使用快取。

③ public : 快取所有響應,但並非必須。因為max-age也可以做到相同效果。

④ private : 只為單個使用者快取,因此不允許任何中繼進行快取。

⑤ max-age : 表示當前請求開始,該響應在多久內能被快取和重用,而不用去伺服器請求。例如:max-age=60表示響應可以再快取和重用 60 秒。

1、強制保持文件寬度和裝置寬度 1:1。並且初始化縮放不縮放。

再加上 maximum-scale=1.0,表示最大縮放 為 1.0 倍。

再加上 minimum-scale = 1.0 表示最小縮放。

再加上 user-scalable=no   表示不允許使用者點選螢幕縮放瀏覽。一般設定了這個就沒必要設定上面兩個了。

4、 制定iphone中safari頂端的狀態條的樣式。(default:白色,black:黑色,black-translucent:半透明)

5、新增到 ios 主屏後的標題。

6、將一連串數字識別為**號碼。預設為yes。email 識別。

7、刪除預設的蘋果工具欄和選單。

8、針對手持裝置優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓:

暫時總結這麼多,以後遇到再補充。

各式各樣奇怪的面試

目前又是一年一度的找工作高峰時間,很多企業都已經在網上開始了招聘工作,而各種大型招聘會也正在如火如荼地舉行著。對求職者來說,遞交簡歷只是第一步,然後就是要等待面試機會。現在用人單位為了考察應聘者的全面能力,不再只採用一對一提問題的傳統面試形式,有的可能會讓應聘者意想不到。你參加過什麼印象深刻的面試?...

各式各樣的正規表示式參考大全

d 匹配非負整數 正整數 0 匹配整數 d d 匹配非負浮點數 正浮點數 0 0 9 0 9 1 9 0 9 0 9 1 9 0 9 0 9 0 9 1 9 0 9 匹配正浮點數 d d 0 0 匹配非正浮點數 負浮點數 0 0 9 0 9 1 9 0 9 0 9 1 9 0 9 0 9 0 9 1...

各式各樣的正規表示式參考大全

pattern 匹配pattern 但不獲取匹配結果,也就是說這是乙個非獲取匹配,不進行儲存供以後使用。pattern 正向預查,在任何匹配 pattern 的字串開始處匹配查詢字串。這是乙個非獲取匹配,也就是說,該匹配不需要獲取供以後使用。pattern 負向預查,與 pattern 作用相反 x...