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即可进行切换，无延迟。
但是，提前下载，会浪费单宽，可以在必要的场景下使用。
原文：https://www.cnblogs.com/mengff/p/12638262.html