Mata標籤,og標籤

2022-06-09 03:51:10 字數 1316 閱讀 1675

1、content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用頁面預設使用 webkit核心,ie相容核心,ie標準核心。

2、上面的一行**可以讓網頁的寬度自動適應手機螢幕的寬度:

注:在ios9中要想起作用,得加上"shrink-to-fit=no"

width:控制 viewport 的大小,可以指定的乙個值,如果 600,或者特殊的值,如 device-width 為裝置的寬度(單位為縮放為 100% 時的 css 的畫素)

height:和 width 相對應,指定高度

initial-scale:初始縮放比例,也即是當頁面第一次 load 的時候縮放比例

maximum-scale:允許使用者縮放到的最大比例

minimum-scale:允許使用者縮放到的最小比例

user-scalable:使用者是否可以手動縮放

3、 告訴搜尋引擎你的站點的製作的作者 。

告訴搜尋引擎你的站點的主要作用。

7、強制頁面在當前視窗中以獨立頁面顯示,可以防止自己的網頁被別人當作乙個frame頁呼叫。

8、x-ua-compatible 用於強制瀏覽器的渲染方式,預設使用chrome來渲染,然後再按照ie該瀏覽器的最新版本來渲染。

9、 定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink。

og是一種新的http頭部標記,即open graph protocol,作用是讓網頁成為乙個「富**物件」。用了meta property=og標籤,就是同意了其他**可以引用本網頁內容,目前這種協議被很多sns**採用。也就是所謂的富**物件。

1、參與到open graph protocol的好處:

● 能夠正確的分享您的內容到sns**

● 幫助您的內容更有效的在sns網路中傳播

3、使用open graph protocol應注意

meta property=og**的功能並不等同於網頁的meta name標籤,兩者針對的物件不一致,功能不同。如果**上要使用open graph protocol,那麼,meta property=og和meta name、title標籤應同時賦值。

4、主要的og標籤屬性

og:type 表示頁面的型別

og:title 頁面的標題

og:description 頁面的簡單描述

og:url 頁面位址

og:image 略縮圖位址

og:site_name 頁面所在**名

og:audiosrc 音訊位址

例:

SEO優化之og 標籤

文章目錄 隱藏 摘錄 open graph 通訊協定 protocol 本身是一種制定一套 metatags 的規格,用來標註你的頁面,告訴我們你的網頁代表哪一型別的現實世界物件。另一夥伴 即 amazon 旗下的 internet movie database imdb 將用這個 open gra...

MATA標籤屬性以及搜尋優化

meta是什麼?meta其實是html語言head區的乙個輔助性標籤。在幾乎所有的網頁裡,我們都可以看到類似下面這段html 有人要說,這段 好象可有可無,沒有多大實際作用嘛!其實不是沒用,而是你沒有用好meta標籤。為什麼這樣說呢?這是因為meta標籤有許多引數,使用不同的引數就可以使主頁實現不同...

HTML img 標籤 a 標籤

alt 無法顯示時的替換文字 title 滑鼠懸停在上時出現的文字 width 300px height 180px 常用屬性 標籤定義超連結,用於從一張頁面鏈結到另一張頁面。href w3schoola 如果不使用 href 屬性,則不可以使用如下屬性 download,hreflang,medi...