網頁內容自適應設定方法

2021-07-11 03:12:30 字數 931 閱讀 9759

採用動態提供內容設定時,伺服器會根據請求相應網頁的使用者**,通過同一**提供不同的 html(和 css)。
採用這種設定時,**針對移動使用者**對 html 進行的更改不會立即生效(當使用桌面使用者**進行抓取時,移動內容處於「隱藏」狀態),因此,我們建議伺服器傳送乙個提示,以便請求針對智慧型手機的 googlebot 也應抓取相應網頁,從而發現移動內容。此提示是使用 vary http 標頭實現的。

動態提供內容設定會通過同一**向每種裝置提供不同的**。

要點

使用 vary http 標頭根據使用者**表明您所做的更改。
正確檢測用vary http 標頭vary http 標頭具有以下兩個非常重要且實用的作用:它會向 isp 和其他位置使用的快取伺服器表明:在決定是否通過快取來提供網頁時它們應考慮使用者**。如果您沒有使用 vary http 標頭,快取可能會錯誤地向移動裝置使用者提供桌面版 html 網頁的快取(反之亦然)。

它有助於 googlebot 更快速地發現針對移動裝置進行優化的內容,這是因為我們在抓取針對移動內容進行過優化的**時,會將有效的 vary http 標頭作為抓取訊號之一。

vary 標頭會告知瀏覽器響應的內容將根據請求相應網頁的使用者**而異。如果您的伺服器已使用 vary http 標頭,那麼您可以向已提供的列表新增「使用者**」。

網頁自適應

1.文件 允許網頁寬度自動調整 網頁的原始比例即為螢幕的大小,ie9 viewport元標籤 網頁的預設寬度,width device width,是說網頁的初始寬度等於螢幕的寬度,initial scale 1,縮放比例為1倍 相容ie老版本需要支援 2.載入css css3 media quer...

網頁自適應

文章入口 自適應 使用 viewport 標籤 viewport 是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0,即網頁初始大小佔螢幕面積的100 使用 百分比 或 em 要變化的不宜...

網頁自適應

允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的?其實並不難。首先,在網頁 的頭部,加入一行viewport元標籤。viewport是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0...