06HTML5学习之深入了解超链接、列表和移动端网页设计

1、换个角度看看超链接

区段标识符

  浏览器是从文档顶部开始显示网页的。但是有时需要链接到网页的特定部分而不是顶部。你可以通过写超链接代码，跳转到一个区段标识符（有时称为命名的区段或区段ID），实现这一效果的前提是为某个HTML元素配置id属性。
  使用区段标识符的代码有两个组成部分：

1. 标识指定的网页区段的标签：标签必须有一个id。
2. 链接到网页上命名区段的锚标签。

target属性

在锚标签中配置target属性，指定target="_blank"这样点击超链接时，就会打开新的浏览器窗口或浏览器标签页了。

块级锚点

HTML5中的块级锚，可以将一个或多个元素配置为超链接。

电话与短信超链接

根据RFC 3966文件说明，可以使用电话模式来配置一个号码超链接：href值以tel:开头，然后跟上号码。示例如下：

<a href="tel:888-555-5555">Call me</a>

RFC 5724中则指出可以用SMS模式来配置一个能够发送文本短信的超链接，href值以sms:开头，再跟上电话号码。

CSS打印样式

在link元素中用media属性指明所使用的样式针对的是哪种媒介，即屏幕输出还是打印显示。下表列出了media属性的值：

属性值	用途
screen	默认值；指出样式表所配置的是典型浏览器窗口样式，用于在彩色计算机显示器上显示
print	指出样式表所配置的是提供打印输出的样式
handheld	表示样式表所配置的是在手持移动设备上的显示样式。

打印样式设置方式

隐藏非必要的内容

这是常见的做法，以防止打印输出横幅广告、导航或其他无关的领域。使用display:none;这一样式声明来隐藏不需要打印输出的页面内容。

配置用于打印输出的字体大小和颜色

在打印样式表中使用pt单位来设置字体大小，这样可以更好地控制打印输出文本。如果预计有很多人经常打印你的页面，你也可以考虑将文本颜色配置为黑色、背景颜色配置为白色。大多数浏览器会将背景颜色和背景图像默认设置为防止打印，你可以在打印样式表中将background-image属性设置为none，这样也能实现背景图像不被打印输出的效果。

控制分页符

使用CSS中page-break-before或page-break-after属性来控制打印分页。这些属性中得到良好支持的包括always（根据设定的是之前还是之后，分页符总是会起效）、avoid（如果可能，设定分页符将发生在元素之前或之后）以及auto（默认值）。