工作原理
您已经多次遇到这段代码中的大部分内容。但是,这段代码主要关注于元素,每一个元素添加一幅新图像。在这个示例中存在3个元素。
其中src属性指示图像的URL。这个示例中的URL都是相对于images目录的URL,images目录包含在与示例页面相同的目录中。在第2章中提到,组织文件结构非常重要——在这里可以了解这种重要性的原因(可以清晰地表明图像应当位于站点结构中)。
编写的每一个元素中都应当使用alt属性。如果浏览器无法加载图像,则将显示该属性的内容,并且如果访问者视力受损,该属性值也能告诉他们图像的内容。
width属性和height属性用于告诉浏览器图像的显示大小。通过包含这些属性,浏览器能够更快地布局页面,因为它能够在不等待图像下载完成的情况下显示页面中的其他项。虽然可以使用这两个属性放大或缩小图像,但最好让图像具有希望使用的尺寸。如果让图像更小,应该保存它的一个新版本,而不只是使用这两个属性,这样能够节省访问者的时间和带宽。
……
展开