请问下media\hreflang\rel属性都只是提供语义化的作用吗?还是有什么实际用途?

来源:4-1 链接标签属性

慕移动3569406

2019-12-22 00:44:58

老师视频里讲的有些不太明白。

media是不是告诉浏览器目标URL是用什么样的媒体? 我尝试给当前页面的链接设置media='print', 同时给目标的URL设置print媒体查询样式,但是发现并没有因为media属性的指示,而让目标页面匹配上print媒体查询的样式,是不是我理解错了?

还有hreflang、rel是不是仅仅只是语义化的作用?

还是说它们有什么实际用途?

祝冬至愉快 ~

写回答

1回答

bbbboom

2019-12-22

1、media 属性规定目标 URL 是为什么类型的媒介/设备进行优化的,该属性用于规定目标 URL 是为特殊设备(比如 iPhone)、语音或打印媒介设计的,该属性可接受多个值,只能在 href 属性存在时使用。

 <a href="#" media="print and (resolution:300dpi)">打开用于打印的 media 属性页面</a>

2、 hreflang 属性用于指定被链接文档的语言,仅在使用 href 属性时才可以指定 hreflang 属性。

<a href="https://www.imooc.com/" hreflang="zh">imooc</a>

hreflang="zh" 表明imooc是一个中文网站。

3、 rel 属性用于指定当前文档与被链接文档的关系。

我觉得这三个没啥大用,平常也用不到,了解就行吧。同乐同乐,哈哈哈哈!

2

0 学习 · 40143 问题

查看课程