6、探索 HTML 与 XHTML 的高级特性

探索 HTML 与 XHTML 的高级特性

1. 特殊的图像应用

在 HTML 和 XHTML 中，图像文件属于多媒体元素，可通过文档中的锚点引用，由浏览器单独下载和显示。与其他多媒体不同，标准的 HTML 和 XHTML 明确规定图像可与文本“内联”显示，图像还能充当复杂的超链接地图。这得益于行业内对图像文件格式（如 GIF 和 JPEG）的共识，以及图形浏览器内置的解码器，能将这些图像类型集成到文档中。

1.1 内联图像

内联图像使用 <img> 标签，其必需的 src 属性是要插入文档的 GIF 或 JPEG 图像的 URL。浏览器会单独加载图像，并将其置于文本流中，就像一个特殊的字符。默认情况下，图像底部与当前文本行底部对齐，但可通过 <img> 标签的 align 属性改变对齐方式，可设置为顶部、中部或底部对齐。宽图像可能会占据整行，打断文本流，也可通过添加前后的分区、段落或换行标签单独放置图像。

有经验的 HTML 作者不仅将图像用作辅助插图，还将其作为小型内联字符或字形，以帮助读者浏览并突出文档部分内容。例如，他们常添加自定义列表项目符号或更独特的段落分隔符，图像也可包含在超链接中，用户点击内联缩略图即可下载全屏图像。

1.2 图像地图

图像地图是带有特殊属性的锚点内的图像，可包含多个超链接。启用图像地图的一种方法是在 <a> 标签内的 <img> 标签中添加