怎么使用HTML5图片元素

本文小编为大家详细介绍“怎么使用HTML5图片元素”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用HTML5图片元素”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

在井研等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、网站建设 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站制作,营销型网站,成都外贸网站制作,井研网站建设费用合理。

有时,按比例放大或缩小图像以适合不同的设备(或屏幕尺寸)无法正常工作。同样,使用widthandheight属性或属性减小图像尺寸不会减小原始文件的大小。为了解决这些问题,HTML5引入了标签,该标签允许您定义图像的多个版本以针对不同类型的设备。

元素包含零个或多个元素,每个元素参照不同的图像源,和一个在端部元件。每个元素还具有media指定媒体条件(类似于媒体查询)的属性,浏览器使用该媒体条件来确定何时应使用特定的来源。让我们尝试一个例子:

例试试这个代码»

   

   

    My logo

注意:浏览器将评估每个子元素,并在其中选择最匹配的元素;如果未找到匹配项,则使用元素src属性的URL 。另外,必须将标签指定为元素的最后一个子元素。

读到这里,这篇“怎么使用HTML5图片元素”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


分享文章:怎么使用HTML5图片元素
网页URL:http://myzitong.com/article/pcesie.html