4当前位置:网页制作HTML教程-link标签media参数的含义小结
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·link标签media参数的含义小结
·让IE完美支持HTML5/CSS3的方法
·让网站支持老版本IE浏览器的3种解决方法
·网页头部多出一行空白甚至样式错乱等问题的分析
·HTML5大潮已袭来,HTML5曲折的发展之路
·漂亮的DIV+CSS+JQUERY网站后台模板
·HTML4和HTML5之间的10个主要不同之处
·简述html的3种列表ul、ol、dl
·适合网站后台的Popup Menu
·IE6中出现"文字自动重复"错误的原因和解决方法
4热门网页制作
·两种网页滚动字幕代码
·设置select宽度
·在网页中实现细线边框的两种方法
·HTML语法基础及规则
·滚动字幕标记(marquee)的使用
·表单提交后submit按钮变灰
·隐藏状态栏的超链接信息
·如何让浏览者记住你的网站
·隐藏网页源代码方法汇总
·制作漂亮的三维表格
4相关网页制作
·让IE完美支持HTML5/CSS3的方法
·制作虚线效果的水平线
·HTML网页制作时需要注意的十三项技巧
·设置iframe背景透明
·html文档中meta的大作用
·隐藏网页源代码方法汇总
·网页标准的N种死法
·图例分析outerHTML的用法
·对Web页面元素的绝对唯一引用方法
·修改IE浏览器滚动条样式
link标签media参数的含义小结
类别:HTML教程    来源:网络    时间:2014/4/25    贴士:推荐给好友
收藏本页 8 
  搞前端开发有一年多了,可总有些细节东西没有关注过,就比如HTML中的<link>标签,它可以引入CSS,也可以引入一个网站的ICO图标,但它后面还有一个media参数,这个你知道是干什么的吗?大家常见的<link>用法划过于下面的代码:
<link href="css.css" rel="stylesheet" type="text/css" media="screen" />


  以上是引入网站自定义的CSS文件,还可以用来引入网站的ICO LOGO图标,比如:
<link rel="shortcut icon" href="favicon.ico" media="all" />


  见有些朋友的link标签的media属性都空着,不写也没事,不过如果你的网页需要在不同终端设备上显示,比如打印时显示不同的排版格式,那就需要使用media参数了,比如:
<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />


  上面的代码意思是说,当不打印的时候,使用media="screen"来显示网页,当打印的时候就调用printstyle.css来显示网页,有的朋友为了打印,另写了一个页面,还定义了CSS,如果你知道link标签还可以这么用,那你肯定要笑自己傻了。为了方便,这里给出media的所有参数及含义,方便你使用:
screen 计算机屏幕(默认)。
tty 电传打字机以及类似的使用等宽字符网格的媒介。
tv 电视机类型设备(低分辨率、有限的滚屏能力)。
projection 放映机。
handheld 手持设备(小屏幕、有限带宽)。
print 打印预览模式/打印页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于所有设备。


  如果你的网页打印时与电脑上显示的是一个样式,那么你link里的media参数,可取值screen,也可以取值all。
·上一篇:让IE完美支持HTML5/CSS3的方法
·下一篇:这已经是本类最后一篇记录了!
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号