經常使用meta標簽屬性

《meta》
1.Keywords (keyword)
說明:告訴搜索引擎你網頁的keyword是什么。
使用方法:<meta name="keywords" content="SEO優化,SEO優化教程,站點優化,搜索引擎優化教程">


2. Description (網頁描寫敘述)
說明:Description用來告訴搜索引擎你的網頁主要內容。
使用方法:<meta name="description" content="學習研究搜索引擎優化網提供專業的SEO優化教程,收集整理SEO優化文章、SEO優化工具,為網絡營銷貢獻出自己的一份力量。" />


3. Robots (機器人向導)
說明:Robots用來告訴搜索機器人哪些頁面須要索引,哪些頁面不須要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。


使用方法:<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">
all:文件將被檢索,且頁面上的鏈接能夠被查詢。
none:文件將不被檢索。且頁面上的鏈接不能夠被查詢。(和 "noindex, no follow" 起同樣作用)
index:文件將被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接能夠被查詢;
noindex:文件將不被檢索,但頁面上的鏈接能夠被查詢;(不讓robot/spider登錄)
nofollow:文件將不被檢索,頁面上的鏈接能夠被查詢。(不讓robot/spider順著此頁的連接往下探找)?



4. Author (作者)
說明:標注網頁的作者或制作組
使用方法:<meta name="author" content="mycodewind。mycodewind@qq.com">
注意:Content能夠是:你或你的制作組的名字,或Email


5. Copyright (版權)
說明:標注版權
使用方法:<meta name="copyright" content="本站點版權歸CSDN全部">


6. Generator (編輯器)
說明:編輯器的說明
使用方法:<meta name="generator" content="PCDATA|FrontPage|">
注意:Content="你所用編輯器"


7. Revisit-after (重訪)
說明:通知搜索引擎多少天訪問一次
使用方法:<meta name="revisit-after" content="7 days" >


從IE9開始引入了固定站點功能。對用戶來說這是一種僅僅需在任務欄上單擊圖標就可以直接訪問站點的簡單方式。固定站點還易于實現。僅須要很少的代碼。

下面的元數據標簽僅僅在IE9+生效。

如Windows Vista,Windows 7系統上。官方文檔地址http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx 。

全部元素都是可選的。



8.移動端viewport標簽
含義例如以下:
width
控制 viewport 的大小,能夠指定的一個值或者特殊的值,如 device-width 為設備的寬度(單位為縮放為 100% 時的 CSS 的像素)。


height
和 width 相相應。指定視窗的高度。


target-densitydpi
一個屏幕像素密度是由屏幕分辨率決定的,通常定義為每英寸點的數量(dpi)。

Android支持三種屏幕像素密度:低像素密度。中像素密度,高像素密度。

一個低像素密度的屏幕每英寸上的像素點更少,而一個高像素密度的屏幕每英寸上的像素點很多其它。Android Browser和WebView默認屏幕為中像素密度。
以下是 target-densitydpi 屬性的 取值范圍
?device-dpi –使用設備原本的 dpi 作為目標 dp。 不會發生默認縮放。
?high-dpi – 使用hdpi 作為目標 dpi。

中等像素密度和低像素密度設備對應縮小。
?medium-dpi – 使用mdpi作為目標 dpi。

高像素密度設備對應放大, 像素密度設備對應縮小。

這是默認的target density.
?low-dpi -使用mdpi作為目標 dpi。

中等像素密度和高像素密度設備對應放大。
?<value> – 指定一個詳細的dpi 值作為target dpi. 這個值的范圍必須在70–400之間。


為了防止Android Browser和WebView 依據不同屏幕的像素密度對你的頁面進行縮放,你能夠將viewport的target-densitydpi 設置為 device-dpi。當你這么做了。頁面將不會縮放。相反。頁面會依據當前屏幕的像素密度進行展示。

在這樣的情形下,你還須要將viewport的width定義為與設備的width匹配,這樣你的頁面就能夠和屏幕相適應。

initial-scale
初始縮放。即頁面初始縮放程度。

這是一個浮點值。是頁面大小的一個乘數。

比如,假設你設置初始縮放為“1.0”,那么。web頁面在展現的時候就會以target density分辨率的1:1來展現。

假設你設置為“2.0”,那么這個頁面就會放大為2倍。

maximum-scale
最大縮放。即同意的最大縮放程度。這也是一個浮點值。用以指出頁面大小與屏幕大小相比的最大乘數。比如,假設你將這個值設置為“2.0”,那么這個頁面與target size相比,最多能放大2倍。

user-scalable
用戶調整縮放。即用戶能否改變頁面縮放程度。

假設設置為yes則是同意用戶對其進行改變,反之為no。

默認值是yes。假設你將其設置為no,那么minimum-scale 和?

maximum-scale都將被忽略。由于根本不可能縮放。


全部的縮放值都必須在0.01–10的范圍之內。


例:
(設置屏幕寬度為設備寬度,禁止用戶手動調整縮放)
?<meta name="viewport" content="width=device-width,user-scalable=no" />
(設置屏幕密度為高頻,中頻,低頻自己主動縮放,禁止用戶手動調整縮放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

另外。iOS 7.1的Safari為meta標簽新增minimal-ui屬性,在網頁載入時默認隱藏地址欄與導航欄。

轉載于:https://www.cnblogs.com/yfceshi/p/6783234.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/370905.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/370905.shtml
英文地址,請注明出處:http://en.pswp.cn/news/370905.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

瀏覽器打印設置橫向打印_愛普生打印機無線連接設置

1、首先&#xff0c;把epsonl385打印機插上電源通電&#xff0c;待自檢完成后&#xff0c;便可以設置。如果用戶家里的無線路由器帶有WPS(Wi-Fi Protected Setup)或QSS(又稱快速安全設置)功能&#xff0c;那就簡單多了。2、通過WPS或QSS無線路由器按鈕連接&#xff0c;給無線路…

linux python定時任務調度,Python下定時任務框架APScheduler的使用

1.APScheduler簡介&#xff1a;APScheduler是Python的一個定時任務框架&#xff0c;可以很方便的滿足用戶定時執行或者周期執行任務的需求&#xff0c;它提供了基于日期date、固定時間間隔interval 、以及類似于Linux上的定時任務crontab類型的定時任務。并且該框架不僅可以添加…

圖片和文件上傳js剖析

/** * 商戶資質信息模塊js * * 涉及頁面組件 { * 上傳組件&#xff08;UploadFileComponent&#xff09; * } * * * 初始化工具&#xff08;init&#xff09; * * Author:Waver */var qualificationInfoModule (function() { // 上傳文件類型 var UPLOAD_FILE_TYPE…

研究僵局–第1部分

我敢肯定我們都去過那里&#xff1a;太晚了&#xff0c;您餓了&#xff0c;服務器已掛起&#xff0c;或者應用程序正在以蝸牛的速度運行&#xff0c;并且有人喘著氣想要您解決問題&#xff0c;然后再去解決。 您的應用程序意外掛起的可能原因之一是稱為死鎖的線程問題。 無需贅…

前端的學習之旅

Html學習筆記1 特殊符號&#xff1a;html中對換行縮進空格不敏感&#xff0c;都只會解析成一個空格 空格&#xff1a; < : < > :$gt; 版權符號&#xff1a;&copy&#xff1b; 表格&#xff1a;1 表示表格&#xff1a;table表示表格 tr&#xff1a;…

使用Vue.js和Axios從第三方API獲取數據 — SitePoint

更多的往往不是&#xff0c;建立你的JavaScript應用程序時&#xff0c;你會想把數據從遠程源或消耗一個[ API ]&#xff08;https&#xff1a;/ /恩。維基百科。org /維基/ application_programming_interface&#xff09;。我最近看了一些[公開]&#xff08;https://github.co…

區位碼怎么知道點陣里的起始點_自身免疫疾病的GAPS起始飲食改良版

寫這篇文章的原因如果您已經關注我的博客一段時間&#xff0c;您知道我開始使用GAPS飲食&#xff0c;然后轉換到AIP飲食&#xff0c;因為我仍在努力治療炎癥和自身免疫的發作。 Katy Haldiman 有同樣的經歷&#xff0c;我們并不孤單。許多患有自身免疫性疾病的人在 GAPS 上掙扎…

Linux存儲保護,談談Linux中的存儲保護

談談Linux中的存儲保護以下討論的內容是以i386平臺為基礎的Linux將4G的地址劃分為用戶空間和內核空間兩部分。在Linux內核的低版本中(2。0。X)&#xff0c;通常0-3G為用戶空間&#xff0c;3G-4G為內核空間。這個分界點是可以可以改動的。正是這個分界點的存在&#xff0c;限制了…

004-JQuery屬性

添加與刪除屬性CSS類HTML代碼/文本/值添加與刪除屬性 attr(name|properties|key,value|fn) &#xff1a;設置或返回被選元素的屬性值 removeAttr(name) &#xff1a;從每一個匹配的元素中刪除name屬性 prop(name|properties|key,value|fn) &#xff1a;獲取在匹配的元素集中的第…

預熱您的JVM –超快速生產服務器和IDE

幾個月前&#xff0c;我正在閱讀Java中的復雜事件處理以及實現低延遲的方法。 在我長達一個小時的研究結束時&#xff0c;我發現即使您的應用程序編寫正確并且您的方法主要在0&#xff08;log n&#xff09;的時間內運行&#xff0c;并且您正在使用某些前沿的硬件解決方案&…

微信小程序APP(商超營銷類)經驗總結

項目介紹 這是一款主打門店營銷的小程序。包括首頁、門店、營銷、個人設置、登錄、數據統計展示、營銷設置等。 本來要獨立完成整個項目&#xff0c;包括前后端一套的&#xff0c;有些意外因素&#xff0c;項目臨時收尾&#xff08;說明&#xff1a;只完成了前端的部分&#…

excel不顯示0_Excel數字過長不能完整顯示?超長數字變為0

Excel中計算規則和限制設定數值精確度為15位&#xff01;超過15位后&#xff0c;數字會顯示為0excel數字超過15位&#xff0c;會顯示為0&#xff0c;超過10位&#xff0c;默認采用科學計數法顯示1、如何解決超長數字輸入&#xff0c;全部顯示問題&#xff1f;&#xff08;單元格…

Android天氣預報設計

——嵌入式軟件開發 名字功能模塊代碼行數備注謝燦輝Widget200桌面小程序李楊敏GPS定位&#xff0c;百度地圖API100-150獲取當前所在城市丁小芳城市選擇Activity&#xff0c;天氣API獲取天氣100-200包括數據庫交互本軟件是一個天氣類應用軟件&#xff0c;帶有widget&#xff0c…

linux vi后不保存退出,linux下退出VI的方法:不保存退出

當編輯完文件&#xff0c;準備退出Vi返回到shell時&#xff0c;可以使用以下幾種方法之一。在命令模式中&#xff0c;連按兩次大寫字母Z&#xff0c;若當前編輯的文件曾被修改過&#xff0c;則Vi保存該文件后退出&#xff0c;返回到shell&#xff1b;若當前編輯的文件沒被修改過…

算法筆記_164:算法提高 最小方差生成樹(Java)

目錄 1 問題描述 2 解決方案 1 問題描述 問題描述給定帶權無向圖&#xff0c;求出一顆方差最小的生成樹。輸入格式輸入多組測試數據。第一行為N,M&#xff0c;依次是點數和邊數。接下來M行&#xff0c;每行三個整數U,V,W&#xff0c;代表連接U,V的邊&#xff0c;和權值W。保證圖…

番石榴分配器vs StringUtils

因此&#xff0c;我最近寫了一篇有關舊的&#xff0c;可靠的Apache Commons StringUtils的文章 &#xff0c;該文章引起了一些評論&#xff0c;其中之一是Google Guava提供了更好的連接和拆分字符串的機制。 我必須承認&#xff0c;這是我尚未探索的番石榴的一個角落。 因此&am…

layui數據表格(一:基礎篇,數據展示、分頁組件、表格內嵌表單和圖片)

表格展示神器之一&#xff1a;layui表格 前言&#xff1a;在寫后臺管理系統中使用最多的就是表格數據展示了&#xff0c;使用表格組件能提高大量的開發效率&#xff0c;目前主流的數據表格組件有bootstrap table、layui table、easyUI table等.... 博主個人比較傾向于layui&am…

算法設計與分析_算法設計與分析(第2版)第2章分治策略回顧

YI時間&#xff5c;外刊&#xff5c;MM-DFW&#xff5c;機器學習系列點擊上方藍字&#xff0c;關注給你寫干貨的松子茶分治策略是通用算法設計技術之一&#xff0c;很多有效的算法是它的特殊實現,顧名思義就是分而治之。一個問題能夠用分治法求解的要素是問題能夠按照某種方式分…

2017-2018-1 Java演繹法 第三周 作業

團隊任務&#xff1a;團隊展示與選題團隊展示 隊員學號及姓名 學號  姓名  主要負責工作  20162315  馬軍  日常統計&#xff0c;項目部分代碼  20162316  劉誠昊  項目部分代碼&#xff0c;代碼質量測試  20162317  袁逸灝  組長 項目 主要 代碼  201…

linux開機啟動roscore,樹莓派ubuntuMate系統中開機自啟動ROS的launch文件

0x00 為何需要開機自啟動launch文件在ROS開發后期階段由于功能已經趨于穩定&#xff0c;因此就需要系統在一上電啟動后就自動把ROS下的各節點程序加載運行&#xff0c;這樣就省去了我們還得手動輸入roslaunch命令來加載bringup的launch文件的操作。經過我的實際測試目前有兩種方…