zoukankan      html  css  js  c++  java
  • 使用标签link rel="alternate"属性,帮助搜索引擎对不同设备的用户提供不同类型的页面

    用法一:将PC版页面指向移动版页面,将移动版页面指向PC版页面

    这样有利于搜索引擎,对不同设备的用户提供不同类型的页面

    具体使用方法:
    PC版本页面head应添加

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

    移动版页面应添加

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

    用法二:用于不同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="绿色">
    

    rel=alternate的页面是默认不会渲染的,可以作为后备样式,对link使用disabled即可进行切换,无延迟。
    但是,提前下载,会浪费单宽,可以在必要的场景下使用。

  • 相关阅读:
    手机发送验证码—.net代码
    AJAX之XMLHttpRequest
    JQuery总结+实例
    ASP.NET总结——更改后
    css总结——position
    JavaScript的程序构成
    初识javascript
    asp总结
    北大青鸟代码---asp.net初学者宝典
    iOS常用技术-Label自适应
  • 原文地址:https://www.cnblogs.com/inzens/p/15096704.html
Copyright © 2011-2022 走看看