国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

我從HTML的meta中學到了什么

rozbo / 2896人閱讀

摘要:用于設置縮放比例,可以是任意數(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

相關(guān)文章

  • 我從 fabric.js 中學到了什么

    摘要:前言熟悉的朋友想必都使用或者聽說過,算是一個元老級的庫了,從第一個版本發(fā)布到現(xiàn)在,已經(jīng)有年時間了。中緩存是默認開啟的,同時也可以設置為禁用。處理屏屏幕模糊的問題,直接給出處理方法,就不展開說了。 前言 熟悉 canvas 的朋友想必都使用或者聽說過 Fabric.js,F(xiàn)abric 算是一個元老級的 canvas 庫了,從第一個版本發(fā)布到現(xiàn)在,已經(jīng)有 8 年時間了。我近一年時間也在項目...

    oogh 評論0 收藏0
  • 「讀懂源碼系列2」我從 lodash 源碼中學幾個知識點

    摘要:今天要講的,是我從的源碼實現(xiàn)文件中學到的幾個很基礎(chǔ),卻又容易被忽略的知識點。在函數(shù)式編程中,函數(shù)是一等公民,它可以只是根據(jù)參數(shù),做簡單的組合操作,再作為別的函數(shù)的返回值。所以,閱讀源碼,是一種很棒的重溫基礎(chǔ)知識的方式。 showImg(https://segmentfault.com/img/bVbpTSY?w=750&h=422); 前言 上一篇文章 「前端面試題系列8」數(shù)組去重(1...

    Amio 評論0 收藏0
  • 新程序員最愛免費資源

    摘要:簡評國外美女程序員推薦了她自己用過的一些免費資源,對新手比較友好的那種。原作者,是個美女程序員,以下這些資源都是她自己試過的。最后重申,這些是我自己使用過的資源,所以我很負責的可以告訴你,這些挺有用的。 簡評:國外美女程序員推薦了她自己用過的一些免費資源,對新手比較友好的那種。 原作者 Ali Spittel,是個美女程序員,以下這些資源都是她自己試過的。以下「我」代表 Ali Spi...

    xorpay 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<