rel="alternate" 作用

最新推荐文章于 2024-07-23 03:40:55 发布

Double崩沙卡

最新推荐文章于 2024-07-23 03:40:55 发布

阅读量4k

点赞数 1

文章标签： rel alternate link

本文链接：https://blog.youkuaiyun.com/NARUTO_LUOLUO/article/details/51250048

版权

本文探讨了网页响应式设计的实现方式，包括媒体查询的应用和不同设备适配的优化策略，并介绍了如何选择和应用首选样式与替代样式，确保网站在不同环境下提供最佳用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

alternate: 替换

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

解释：当屏幕宽度小于640px时，页面跳转到 http://m.home.com/

2. <lik rel="stylesheet" media="screen" href="http://www.home.com/screen.css" /> 首选样式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Double崩沙卡

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用rel=alternate ，和rel=canonical进行网站优化

易天海

12-18

1017

首先为什么要在PC站（rel="alternate"）和移动站（rel="canonical"）使用该标签，该标签的作用是什么。当你拥有独立的PC站和移动站点时，即需要使用该标签，每个PC页面只能有一个移动对应页面，反之亦然。如何使用：在PC站点当中,在</head>前加入 <linkrel="alternate"href="http://m.abc.com/"...

利用link标签rel="alternate stylesheet"属性实现界面动态换肤

peterlu20110415的专栏

08-09

5176

标签 rel="stylesheet"属性指定将一个样式表立即应用到文档. rel="alternate stylesheet"属性将其作为备用样式表而在默认情况下禁用它通过js拿到link标签对象,disabled属性设置,可以实现变化页面导入样式表 disa

1 条评论您还未登录，请先登录后发表或查看评论

link标签 rel=“ alternate“ 应用解析

demo_yo的博客

10-21

5914

link标签rel="alternate"属性的作用及用法： 1.链接外部样式表： <link rel="alternate" type="text/css" href="out.css"> rel属性定义当前.html文档与被链接的.css文档之间的关系。 rel=“stylesheet” 表示当前文档的外部样式表。 rel=“alternate” 表示当前文档的可替换样式表。 2.联合使用： <link rel="stylesheet" type="text/css" href

站点的rel="alternate"属性

weixin_30532837的博客

07-18

585

概述今天看决战平安京官网源码，突然看到了rel的alternate属性，百度了一下，记录下来，供以后开发时参考，相信对其他人也有用。 PC端rel 在pc版网页上，添加指向对应移动版网址的特殊链接rel="alternate"标记，这有助于百度发现网站的移动版网页所在的位置。代码如下： <link rel="alternate" media="only screen and(max-wid...

使用 rel=alternate 移动属性优化移动网站SEO

蚁人日记

12-13

2042

前文介绍了<link>的属性rel=canonical，这是本文要介绍<link>的另一属性rel=alternate 的原因，因为这两者有着密切的对应关系。很多人也许会问，什么是rel=alternate？我们该如何使用rel=alternate？其实rel=alternate是一个移动属性，如果权威（canonical）网页...

link rel=alternate网站替换功能

aucguu84008的博客

09-18

655

此方法借助HTML rel属性的alternate属性值实现。 <link href="reset.css" rel="stylesheet" type="text/css"> <link href="default.css" rel="stylesheet" type="text/css" title="默认"> &lt...

Link 标签 rel=Stylesheet的实际作用

09-25

这个标签在网页设计中起到至关重要的作用，因为它允许开发者将样式规则分离到外部文件中，从而实现页面样式的统一管理和维护。 `<link>` 标签的基本结构如下： ```html <link rel="relationship_type" type="media...

解析HTML中rel=“nofollow”的作用及rel属性的使用

09-28

- alternate：提供文档的替代版本，如打印页、翻译页或移动版等； - author：文档的作者； - help：相关帮助文档； - license：文档的许可协议； - next：集合中的下一个文档； - nofollow：指示链接不应被搜索引擎...

link rel=alternate 实现网页主题切换

weixin_44240581的博客

12-17

929

灵感来源：https://www.zhangxinxu.com/wordpress/2019/02/link-rel-alternate-website-skin/ MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Alternative_style_sheets 换皮肤的一些方法切换类名 <style> .light { background-color: #fff; color: #000; } .

link rel=alternate网站换肤功能最佳实现

椒盐薄荷糖

02-27

1493

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8512 本文可全文转载，个人网站无需授权，只要保留原作者、出处以及文中链接即可，任何网站均可摘要聚合，商用请联系授权。一、大多数开发人员的实现大多数前端开发人员实现网站皮肤更换功能大致下面两种方法：一个全局class控制样式切换；改变皮肤link元素的href地址...

html5实现移动端适配完美写法

01-19

在pc版网页(http://pc_url) 上，添加： <link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url > 在移动版网页(http://mobile_url) 上，所需的注释应为: <link rel=canonical href=http://mobile_url > 之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方

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

最新发布

weixin_42526166的博客

07-23

275

　　1. 可用于将PC版页面指向移动版页面，将移动版页面指向PC版页面，这样有利于搜索引擎，对不同设备的用户提供不同类型的页面　　PC版本页面head应添加<link rel="alternate" media="only screen and (max-width:640px)" href="http://m.mo...

Google手机移动网站适配（双向注释）

weixin_33895475的博客

07-14

212

2019独角兽企业重金招聘Python工程师标准>>> ...

分辨率兼容学习笔记

AriesTina的博客

11-02

315

学习分辨率兼容，如何区分自适应布局和响应式布局

PC端跳转到移动端

weixin_30925411的博客

06-13

884

<link rel="alternate" media="only screen and (max-width:640px)" href="http://m.xiangjibang.com/"> 表示只有在屏幕尺寸小于640像素的时候，跳转移动端反之，参照以上说明，照样可以设置大于多少跳转PC端 <script src="http://www.jxsdnt.com/...

多语言站点怎样设置？

google_SEO_yang的博客

01-06

2945

花了半天时间看阿里巴巴和谷歌的资料，终于把多语言站点的设置整明白了。多语言站点的域名选择如果是一个多语言切换网站下图是阿里巴巴网站的逻辑：代码解释： rel表示relationship，canonical表示主体，alternate表示变体，amphtml是AMP站，针对网速慢的地区可以专门做AMP网站。主页代码设置 www.alibaba.com的主页<head>里添加： <link rel="canonical" href="https:.

移动站适配rel=alternate PC页和H5页适配标注

weixin_30809173的博客

09-08

297

鉴于移动化大潮的汹涌和H5页的炫丽普及，百度针对PC页与H5页的跳转适配方式推出了最优方案：1.在pc版网页上，添加指向对应移动版网址的特殊链接rel="alternate"标记，这有助于百度发现网站的移动版网页所在的位置；2.同时在移动版网页上，添加指向对应pc版网址的链接rel="canonical"标记。电脑端网站截图：移动端网站截图：如果你的网址是：pc版网址：http...

html中link的rel属性,HTML link rel 属性解释

weixin_42303389的博客

06-04

2849

什么是link关系属性？在SEO行业中，link关系属性(在源代码中表示为)最常用于将页面之间的关系传递给搜索引擎。但是，link关系属性已经使用了十多年以用于许多其他目的，例如加载CSS样式表，favicons以及指示打印友好版本的页面。在本文中，我们将描述您应该了解的最常见的SEO link关系属性。link rel="alternate"移动属性实现rel="alternate"媒体属性，简...

SEO: 使用 rel=canonical 为类似网页或重复网页指定权威网页

极客神殿

05-23

1905

如果你对 rel=canonical 还未曾了解，那么请先看一看下面这条语句： <link>标签应该知道吧，它是放在<head>里面的一个元素标记，该标签定义文档与外部资源的关系。而rel是<link>标签里面的一个属性，canonical则是rel的属性值。好了，现在进入正题，说明 rel=canonical 的重要性以及如何使用该属性。使用 rel=canonical 为类似网页或重复网页指定权威网页如果你的某一个网页可通过多个网址访问，或者你的不同网页包

rel=noopener快速安全指南

常见的属性值包括`stylesheet`（链接样式表）、`alternate`（替代版本的链接）、`author`（作者链接）、`help`（帮助链接）、`license`（版权信息链接）等。直到最近，标准HTML规范并没有包含`noopener`这个属性值。...