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