link標簽rel="alternate"屬性的作用及用法


  1. 可用於將PC版頁面指向移動版頁面,將移動版頁面指向PC版頁面,這樣有利於搜索引擎,對不同設備的用戶提供不同類型的頁面
  PC版本頁面head應添加

<link rel="alternate" media="only screen and (max-width:640px)" href="http://m.mobile.com" >

  或

<link rel="alternate" href="//m.mobile.com/news/" /> 推薦使用此方法

  移動版頁面應添加

<link rel="canonical" href="http://www.pc.com" >

  2. 用於不同css樣式表之間切換控制效果

<link href="default.css" rel="stylesheet" type="text/css" title="默認">
<link href="red.css" rel="alternate stylesheet" type="text/css" title="紅色">
<link href="green.css" rel="alternate stylesheet" type="text/css" title="綠色">

  3.PC和移動頁面都需要添加對應的link,不要寫錯。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM