码迷,mamicode.com
首页 > 其他好文 > 详细

link标签rel="alternate"属性的作用及用法

时间:2020-04-05 18:32:59      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:can   link   nat   www   使用   idt   text   样式   col   

1. 可用于将PC版页面指向移动版页面,将移动版页面指向PC版页面,这样有利于搜索引擎,对不同设备的用户提供不同类型的页面

PC版本页面head应添加

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

移动版页面应添加

<link rel="canonical" href="http://wwww.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="绿色">

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

link标签rel="alternate"属性的作用及用法

标签:can   link   nat   www   使用   idt   text   样式   col   

原文地址:https://www.cnblogs.com/mengff/p/12638262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!