關於meta的那些事兒

2021-01-08 網際網路科技評論Review

在使用meta標籤時,之前只知道content和http-equiv、name等基本的屬性,知道最近在看google設計網頁的源碼,發現了一些更多維度的meta屬性,就有些不知所以然了,因此,再繼續對meta屬性和參數做一個總結。

本文非作者原創,屬於各網頁的一個總結,文章末尾將附來源連結。

1.定義

meta是html語言head區的一個輔助性標籤。meta標籤的作用主要有:1.搜尋引擎優化;2.定義頁面使用語言;3.自動刷新並指向新的頁面;4.實現網頁轉換時的動態效果;5.控制頁面緩衝;6.網頁定級評價;7.控制網頁顯示的窗口等;

2.html的總結

meta標籤的組成:meta共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。

2.1 name屬性

name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎查找信息和分類信息用的。

meta中name的屬性語法格式為:

<meta name = "參數" content = "具體的參數值">

其中name屬性主要有以下幾種參數:

2.1.1 keywords—關鍵字

keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。

<meta name = "keywords" content = "meta總結,html meta,meta屬性, meta跳轉">

2.1.2 description—網頁內容描述

description用來告訴搜尋引擎你的網站的主要內容。

<meta name = "description" content = "haorooms博客,html的meta總結,meta是html語言head區的一個輔助性標籤">

2.1.3 robots—定義網頁搜尋引擎索引方式

robots出現在name屬性中,使用content屬性來定義網頁搜尋引擎索引方式

<meta name = "robots" content = "robotterms" >

robotterms是一組使用逗號(,)分割的值,通常有如下幾種取值:none,noindex,nofollow,all,index和follow。

(1)none:搜尋引擎將忽略此網頁,等價於noindex,nofollow;

(2)noindex:搜尋引擎不索引此網頁;

(3)nofollow:搜尋引擎不繼續通過此網頁的連結索引搜索其他的網頁;

(4)all:搜尋引擎將索引此網頁與繼續通過此網頁的連結索引,等價於index、follow。

(5)index:搜尋引擎索引此網頁;

(6)follow:搜尋引擎繼續通過此網頁的連結索引搜索其他的網頁。

2.1.4 author:標註網頁的作者。

<meta name = "author" content = "martinyan">

2.1.5 viewport:用於移動端顯示網頁,將網頁寬度設置為視口寬度,並且可以設置縮放比例,是否允許用戶縮放等等。

<meta name="viewport" content = "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">//用戶不能縮放

2.1.6 renderer:雙核瀏覽器的渲染方式,用於指定雙核瀏覽器默認以何種方式渲染頁面。

<meta name="renderer" content="webkit/ie-comp/ie-stand"> //默認webkit內核/默認IE兼容模式/默認IE標準模式

相關焦點

  • 關於半導體晶片的那些事兒
    關於半導體晶片的那些事兒 功率半導體那些事 發表於 2020-11-19 15:04:04 半導體材料有著其獨特的電性能和物理性能,使得半導體器件和電路具有對應的功能
  • 關於梅毒,那些你不知道的事兒
    關於梅毒,那些你不知道的事兒 2020-11-30 14:07 來源:澎湃新聞·澎湃號·湃客
  • 民法典 | 關於飼養動物的那些事兒
    民法典 | 關於飼養動物的那些事兒 2020-11-18 17:04 來源:澎湃新聞·澎湃號·政務
  • 8月關於中韓機票的那些事兒
    我在之前的一篇文章《關於中韓兩國機票的那些事兒》已經全面介紹了目前的留學機票及航班現狀,整體來講是樂觀的。那麼目前的發展也印證了這種樂觀的看法。到了7月底,各個航空公司又公布了8月份的航班計劃,有小夥伴要問了:「現在都買不到8月份的票,公布航班計劃還有用嗎?」
  • 花草日誌 | 關于洋甘菊的那些事兒
    今天,就讓小森帶你了解關于洋甘菊的那些你不知道的事兒。它的名字源自希臘文,意指「地上的蘋果」,而其拉丁種名NobiliS意指高貴的花朵。傳說洋甘菊是用來貢獻給太陽神的,可以治療熱病,所以古埃及人認為它是屬於月亮的藥草。因為它有抗憂鬱、清涼溫和的作用,可以安撫易怒的情緒,所以它的花語是愈挫愈勇。
  • Meta-analysis 第一步那些事兒
    關於背景介紹,不再贅述了,哈哈哈😃。更加嚴肅點吧,哈哈哈。準備開始做Meta-analysis,最終要的tips是什麼。定義你的問題和研究方法!剛開始沒有很好的定義研究問題和方法,常常會導致嚴重的、有時候是致命的錯誤,進而導致Meta-analysis 的終結。
  • 關於中韓兩國機票的那些事兒
    今天這篇文章,就一起來客觀看看關於機票的事兒,相信很大一部分同學和家長是因為不了解目前的情況才產生的抱怨,而不是為了抱怨而抱怨。1. 首先,從國家層面來看(就喜歡先拔個高度),目前中韓兩國不僅沒有封鎖國際航線,而且還為商務人士開通快速通道,縮短隔離檢測的時間,這都是向好的信號。
  • 關於質譜使用的那些事兒
    那今天就來聊聊質譜使用過程中的那些事兒。 前一陣在社交媒體上看到這樣一句話,分享給大家「Without a goodscientist, your 500K mass spec will just be a bigexpensive brick」, 意思就是說,如果沒有一個很好的操作者,質譜就只是一個昂貴的擺設。
  • 關於水翼船那些事兒(1)
    不少人覺得,只有可以騰空飛起來的那些水翼船才配備水翼。其實,這是一個不嚴謹的說法。只要是作用於水中的類機翼部件(比如說穩向板Daggerboard,龍骨Keel,舵Rudder),其實都可以算作水翼(Hydrofoil)。
  • 噬菌體:中國的那些事兒
    這兩天微信群、朋友圈被來自「英國那些事兒」公號的一篇文章刷屏了。這文章名字有點長:《丈夫金字塔感染超級細菌,試遍所有抗生素無效。
  • meta標籤詳解:網頁中的meta標籤的作用
    meta 標籤用於網頁的<head>與</head>中,meta 標籤的用處很多。meta 的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜尋引擎機器人查找、分類(目前幾乎所有的搜尋引擎都使用網上機器人自動查找meta值來給網頁分類)。
  • 古代手工業那些事兒
    今日話題: 中國古代手工業的那些事兒01 早期手工業的發展 1、原始社會的手工業 (1)冶煉技術:原始社會晚期,人類已經掌握了冶銅技術 (2)陶製技術:新時期時期已經出現了陶器 【關於仰韶文化
  • 關於太陽光,那些你不知道的事兒
    關於太陽光,小編今天要為大家說些你可能不知道的事兒~1,何為太陽光度娘給出的答案有些簡單無味,小編略微豐富了內容:看完上面這個插圖,小編不禁要瑟瑟發抖,看來要重新正視下夏天防曬的問題了……關於紅外線:紅外線是太陽光線中眾多不可見光線中的一種,由英國科學家赫歇爾於1800年發現,又稱為紅外熱輻射,熱作用強,波長介於0.76um~1mm之間。
  • 關於新生兒遺傳代謝病篩查的那些事兒
    關於新生兒遺傳代謝病,大家最想了解的一些事兒都在這裡。1.什麼是新生兒遺傳代謝病篩查?是指在新生兒群體中用快速、簡便、敏感的檢驗方法,對一些危害兒童生命、導致兒童體格及智能發育障礙的先天性、遺傳性疾病進行篩查,作出早期診斷。在患兒臨床症狀出現之前,給予及時治療,避免患兒機體各器官受到不可逆損害的一項保健服務。2.家屬中都沒有遺傳病,寶寶怎麼就會有遺傳病呢?
  • 自然資源科普演講 | 楊楊:生態評價的那些事兒
    自然資源科普演講 | 楊楊:生態評價的那些事兒 2020-08-06 17:43 來源:澎湃新聞·澎湃號·政務
  • 上周桌遊那些事兒 | NO.8
    上周桌遊圈裡的那些事兒>08每周更新桌遊圈裡的那些事兒BGM展會在上海召開WODC大賽頒獎典禮順利舉辦
  • 從古至今 | 木工鑽孔的那些事兒
    古代木匠那些事兒在古代,木匠們在製作家具時是怎麼鑽孔的?通常,古代木匠們會使用以下這兩種工具:拉鑽和舞鑽。木工排鑽那些事兒到了現代,木工排鑽打孔機被廣泛應用在家具生產製造當中。在使用時,工人每鑽一組孔之後都要重新調整排鑽的鑽孔位置,人工測量無法保證鑽孔的孔距百分之百準確。而且如果板材底部要打凹槽甚至中間要掏空,還得重新用另外的機器來處理。
  • 觀點丨化學那些事兒
    UL法規事務經理邵俊精心準備了「化學那些事兒」專題文章,跟您聊一聊生活中的化學品、化學品類別,以及背後的分類邏輯,幫助您更透徹理解化學品分類規範及相關法規文件。化學離我們有多遠?化學品如何分類和鑑別?化學品的分類體系和分類邏輯?很多人提到「化學」二字,腦海中會浮現身穿白大褂的實驗人員、科研人員,以及化工廠的圖像。
  • 元元分析(meta–meta-analysis)論文推薦
    Treatment of child externalizing behavior problems: a comprehensive review and meta–meta-analysis on effects of parent-based interventions on parental characteristics
  • 世界人口日|一起來說說關於人口那些事兒……
    關於人口那些事兒每一秒鐘,世界上平均有4.2人出生,1.8人死亡。據估計,到2050年,世界上70%的人口將生活在城市裡。 資料圖。4、世界人口最少的國家據外交部關於梵蒂岡城國國家概況2017年1月更新的資料顯示,該國常住人口約800人,義大利人為主,佔世界人口比例0.0001%。而2011年的數據顯示,梵蒂岡僅有32名女性公民,540名男性公民。