请问下media\hreflang\rel属性都只是提供语义化的作用吗?还是有什么实际用途?
来源:4-1 链接标签属性
慕移动3569406
2019-12-22 00:44:58
老师视频里讲的有些不太明白。
media是不是告诉浏览器目标URL是用什么样的媒体? 我尝试给当前页面的链接设置media='print', 同时给目标的URL设置print媒体查询样式,但是发现并没有因为media属性的指示,而让目标页面匹配上print媒体查询的样式,是不是我理解错了?
还有hreflang、rel是不是仅仅只是语义化的作用?
还是说它们有什么实际用途?
祝冬至愉快 ~
1回答
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 属性用于指定当前文档与被链接文档的关系。
我觉得这三个没啥大用,平常也用不到,了解就行吧。同乐同乐,哈哈哈哈!
相似问题