|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。在之前,为Web页面创立一个打印机友爱的版本意味着要计划一个结构和格局都经由修正的独自页面,如许才干够在打印的时分取得使人中意的效果。如今,经由过程利用布局化的XHTML和CSS,你能够完成一样的效果而只用消费少很多的精神。
从屏幕显现到打印效果
年夜多半的Web页面都是计划合用于在盘算机屏幕上寓目的。但是,有的时分用户必要将某些页面打印出来,大概就是为了保存一个临时的纪录,大概将其用作便利的离线参考材料。
如今的贫苦是,让Web页面在盘算机黑色屏幕上看起来有目共睹和五光十色的良多特征,都没法在打印版的Web页面上体现出不异的效果――特别当打印机是口角的时分。在被升级为灰度打印的时分,黑色的组合会得到(原本的)对照效果;图形会看起来掉真,并且泯灭太长的打印工夫;在Web页面上起侧重要感化的导航按钮在打印页面上也毫无用途。
为了克制这些成绩,Web的创立者经常会为页面专门计划一个打印机友爱的版本,如许会见者就有打印的愿望。打印机友爱的版本一般都包含有和次要Web页面不异的内容,可是会省略失落年夜多半的图形、背景和导航元素。页面还会把黑色转换成某种情势,以便天生可以让人承受的灰度图象。
CSS的办理计划
利用布局化的XHTML标示和CSS格局将内容和暗示分别开来的一个上风在于,经由过程变动CSS款式,你能够很容易就把内容从头格局化。因而,创立一个打印机友爱的页面就是把一个分歧的CSS文件链接到不异的XHTML页面上。
你能够同时把屏幕款式表和打印款式表链接到统一个XHTML文件里,以是就没有需要独自创立一个打印机友爱的页面,只必要一个打印机友爱的款式表就好了。当你在链接代码里到场多媒体范例的文件时,这就是在告知扫瞄器为了举行屏幕输入要遵守大概疏忽哪些CSS的划定规矩,而为了打印输入要利用哪些划定规矩。
上面是链接到一对CSS文件的例子:
<linkrel="stylesheet"type="text/css"media="screen"href="mysite-screen.css"
/>
<linkrel="stylesheet"type="text/css"media="print"href="mysite-print.css"/>
假如必要撑持老版本的扫瞄器,那你就必需保持利用CSS1的媒体形貌符screen和print。它们是互相排挤的,因而在为屏幕显现而天生页面的时分,扫瞄器会疏忽失落打印款式表,反之亦然。以是,每一个款式表都必要包括不异的款式选择器,可是有分歧的划定规矩声明,以便为分歧的输入设备分离天生页面款式。
</p>
在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼:“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。 |
|