网站中特殊的图像
作者：佚名 时间：2014-01-04
网站中特殊的图像
图像文件是可以用锚来引用的多媒体元素，这些文件需要由浏览器单独下载并显示。但是和其他多媒体不同，标准的HTML和XHTML都有在文本中内联（inline）显示它们的明确位置，而且图像还可以作为超锭接的复杂的映像。这是因为在业界内，关于图像文件格式（特指GIF和jpeg）方面，以及具有内置解码器的图形浏览器方面（它们可以把那些图像类型集成到文档中），有着统一的意见。
一些浏览器支持除GIF和JPEG图形以外的其他多媒体格式的内联显示。例如internet Explorer, 它支持能够播放背景音频的标签。此外，HTML4和XHTML标准还提供了一种方法，也就是通过某个通用标签在文档的文本中显示其他多媒体类型。
内联图像
HTMl/XHTML中用于内联图像的标签是<img>，它要求用src属性来指定要在文档中插入的GIF或JPEG图像的url。
浏览器会单独下载图像，并把它们插入到文本流中，就好像它们是特殊的（尽管有时可能会有点大的）字符。通常来讲，这意味着浏览器会把图像的底部与当前行的文本底部对齐。通过<img>的align属性可以改变它，通过主穿上属性的值可以把图像放在相邻文字的顶部（top)、中间（middle）或者底部（bottom）从中可以找到自己喜欢的图像摆放位置。当然，宽图像也可能占据整个一行，从而断开文本流。通过把随后的部分，段落或者换行标签加在它的前面或后面，也可以单独摆放图像。
有经验的HTMl代码编写者不公用图像来说明文档，还使用图像来作为非常小的内联字符或字形，用它们来吸引读者的注意力，或者强调文档中的某些部分。老练的网站建设人员通常使用自己定制的项目符号或者更具特色的部分分隔符，灭取代那些传统的水平分隔线。图像也可以包含在超链接中，这样用户通过选择一个秀小的内联草图，就可以下载一幅全屏的图像。内联图像的可能用法真是太多了。
图像映射（image map）
图像映射是一个锚内具有特殊属性的图像；它们可以包含或干个超链接。
创建图像映射的一种方法是为锚标签<a>中的<img>标签添加ismap属性。当用户和鼠标单击图像上的某处时，图形浏览器会将鼠标位置的相对X.Y坐标发送给该链接所指向的服务器。然后特殊的服务器程序会将这个图像的坐标转换成某种特殊的行为，例如下载一个文档等。
图像映射的一个很好的例子是旅游时寻找旅馆。例如，用户在自己想去的地区的地图上单击，然后图像映射服务器程序将返回当地住所的名称、地址和电话号码等。
虽然它们十分有效，并且十分吸引人，但是主所谓的服务器端图像映射，意味着创作者必须访问服务器上处理映射坐标的程序。有些创作者甚至都没有使用过服务器，更不用说服务器上的程序了。因些，最好的解决方案是利用客户端图像映射。
强于单纯依靠web服器的一点是，<img>标签的usemap属性和<map>标签、<area>标签，允许创作者把浏览器处理图像时需要的所有信息都一同包含在图像所在的文档中。因为这样可以节省网络带宽，并能减少对服务器的依赖性，因此客户端的图像映射在文档创作者和系统管理员中更为流行。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/news/20151229/n6672.html
