.NET，你忘记了么？（五）——非主流使用者的HTML

在文章伊始，本人先发表声明，由于从小语文较差，所以为文章起名字也成了我最痛苦的 事情之一，所以为了方便，我就不换名字了，虽然，本文叫做HTML,你忘记了么？更为合适。

在上文中，我写了一些非主流标签的使用，本文，让我们将非主流进行到底，看看那些非 主流使用者。

本文中，我所指的非主流使用者并不是说，那些涂着浓妆，摆着怪异表情的网络非主流MM ，而专指一些我们没有注意到的使用者。比如，使用非PC端上网用户，如视觉障碍用户。

好，让我们步入今天的话题。

1. 从头开始，<link>引入CSS。

让我们先来看一句常见的代码：

<link　rel="stylesheet"　href="../hr.css"　 type="text/css">

<link>标签我相信大多数人都不陌生，当我们需要在一个HTML页面中去引用另一个 外部的文件，例如CSS的时候，那么就需要用link标签将其引入。那么这段代码有什么问题么 ？

先来看我把这段代码翻译成他所等价的一行：

<link　rel="stylesheet"　href="../hr.css"　type="text/css"　 media="all">

两者之间的差距是media属性。让我们先来了解一下media属性，media属性指定了一些终 端设备，然后允许浏览器根据不同的终端设备去下载不同的外部文件。如果上面的代码，标 准应该怎么样去写呢？

<link　rel="stylesheet"　href="../hr.css"　type="text/css"　 media="all">
<link　rel="stylesheet"　href="../hrhandheld.css"　type="text/css"　 media="handheld">
<link　rel="stylesheet"　href="../hrprint.css"　type="text/css"　 media="print">
<link　rel="stylesheet"　href="../hrtv.css"　type="text/css"　 media="tv">

了解我的意思了么？我的意思就是说，我们应该考虑不同的终端设备，然后为不同的终端 设备去引用不同的CSS样式。

这一点，不知道，您曾经注意过了么？那些非主流的终端设备，您想过为他们指定一些样 式文件么？

2. alt属性

这个属性我相信没有人会不知道这个属性。最常见的用处：

<img　src="~/Love.img"　alt="Love"　/>

alt对于我们来说也许并不常用，我们都有眼睛，都会去根据自己的视觉去判断这张图片 的作用和内容。但是，别忘了，那些为了节省网络流量而禁止Image的人，也别忘了那些视觉 有问题，使用读屏器的人，如果我们忽略了这个属性，那么对于他们来说确实是件比较痛苦 的事。

看这样一个页面：