摘要:用于設置縮放比例,可以是任意數(shù)值的比例。禁止,不禁止是否就職瀏覽器識別頁面中的郵件地址。具體可參考如下代碼以前,我不知道或中添加有什么用,但上面的例子是它的一個用途。其他的使用可參考或模擬原生效果。更多的前端相關(guān)資源,可關(guān)注我的
meta
meta中有這樣幾個常用屬性:http-equiv,name,content,包括html5新增的charset。
注意:content屬性用來存儲meta信息的內(nèi)容,所有的主流瀏覽器都支持它,但它一般很少多帶帶使用,我們一般使用http-equiv或name來定義content屬性信息(或值)的名稱,http-equiv和name在一個meta中通常只能用其中一個。
現(xiàn)介紹常用的,再介紹一些其它的。
name常見的有:
application-name // 代表web應用程序的名字 author // 規(guī)定文檔作者的名字 description // 對頁面的描述,SEO需要用到 keywords // 頁面的關(guān)鍵字詞,多個用逗號隔開,SEO需要用到編碼格式 視窗寬度
width:用于設置視窗口的寬度,可以設置為device-width(設備的寬度),也可以是自定義的值。
initial-scale:用于設置縮放比例,可以是任意數(shù)值的比例。
minimum-scale:用于設置最小縮放比例。
maximum-scale:用于設置最大縮放比例。
user-scalable:用于設置是否禁止用戶縮放頁面。
自動識別telphone:是否禁止瀏覽器識別頁面中的電話號碼。no:禁止,yes不禁止
eamil:是否就職瀏覽器識別頁面中的郵件地址。no:禁止,yes不禁止
用http-equiv于模擬一個 HTTP 響應頭我們都知道,HTML4.0.1定義html文檔的編碼方式是如下面這樣:
但是在HTML5中我們可以像下面這樣定義:
那么它除了這樣的使用場景外,還有別的一些嗎。如果你強制刷新頁面,可以駛?cè)胂裣旅孢@樣的代碼:
如上面的代碼的意思是:強制瀏覽器每3秒刷新一次。但要慎用。
當然,還有一些其他的好用的效果,如果你想要給應用定義多套樣式,然后根據(jù)用戶選擇來加載不同的樣式,你可以將http-equiv設置為default-style,然后你設置content的值為link或style的對應值。具體可參考如下代碼:
以前,我不知道style或link中添加title有什么用,但上面的例子是它的一個用途。
針對蘋果設備的設置// 下面代碼來自天貓移動web // 可以讓app運行于全屏模式 // 可以讓app的標題不同于頁標題 // 配置app的狀態(tài)欄,可設置為default, black, 和 black-translucent。
狀態(tài)欄設置,可參考Changing The iOS Status Bar Of Your Progressive Web App
當然,我們也可以設置書簽或者快捷鍵的圖標。可參考如下代碼:
可以根據(jù)不同的型號設備,來設置不同的sizes。
也可以設置它的啟動背景圖。可參考如下代碼:
當然,我們也可以設置其它的meta,用來控制不同瀏覽器的行為,也可以控制不同搜索引擎的行為。
其他meta的使用可參考gethead meta 或 模擬原生IOS效果。
更多的前端相關(guān)資源,可關(guān)注我的github
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/53385.html
摘要:前言熟悉的朋友想必都使用或者聽說過,算是一個元老級的庫了,從第一個版本發(fā)布到現(xiàn)在,已經(jīng)有年時間了。中緩存是默認開啟的,同時也可以設置為禁用。處理屏屏幕模糊的問題,直接給出處理方法,就不展開說了。 前言 熟悉 canvas 的朋友想必都使用或者聽說過 Fabric.js,F(xiàn)abric 算是一個元老級的 canvas 庫了,從第一個版本發(fā)布到現(xiàn)在,已經(jīng)有 8 年時間了。我近一年時間也在項目...
摘要:今天要講的,是我從的源碼實現(xiàn)文件中學到的幾個很基礎(chǔ),卻又容易被忽略的知識點。在函數(shù)式編程中,函數(shù)是一等公民,它可以只是根據(jù)參數(shù),做簡單的組合操作,再作為別的函數(shù)的返回值。所以,閱讀源碼,是一種很棒的重溫基礎(chǔ)知識的方式。 showImg(https://segmentfault.com/img/bVbpTSY?w=750&h=422); 前言 上一篇文章 「前端面試題系列8」數(shù)組去重(1...
摘要:簡評國外美女程序員推薦了她自己用過的一些免費資源,對新手比較友好的那種。原作者,是個美女程序員,以下這些資源都是她自己試過的。最后重申,這些是我自己使用過的資源,所以我很負責的可以告訴你,這些挺有用的。 簡評:國外美女程序員推薦了她自己用過的一些免費資源,對新手比較友好的那種。 原作者 Ali Spittel,是個美女程序員,以下這些資源都是她自己試過的。以下「我」代表 Ali Spi...
閱讀 2008·2021-11-24 09:39
閱讀 1143·2021-09-10 11:25
閱讀 1769·2021-09-08 10:42
閱讀 3733·2021-09-06 15:00
閱讀 2498·2019-08-30 15:54
閱讀 3117·2019-08-29 17:08
閱讀 3272·2019-08-29 11:26
閱讀 2840·2019-08-28 18:27