在寫網頁的過程中,第一步就是建立乙個html文件。如下是最簡單的 html5 文件。
12391011
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...