在网页制作中有关于图片显示方式的问题，大家有的时候一定很纠结吧，到底是用什么呢？从搜索引擎优化（SEO）的角度我简单回复下，河南SEO希望对web前端初学者有所帮助。
两个一模一样的网页，可以通过多种html标签及CSS排版布局出来，不同的coder有不同的code。
但是，多数web前端初学者的目的仅仅是把PSD设计稿重现出来，而忽视重现过程中代码的构成。主要体现在代码中一大堆的div，看不到该有的<h1>、<h2>、<h3>、<strong>等语义化标签。
标签语义化是写给“百度蜘蛛”等搜索引擎机器看的，这很大程度上决定了网站的质量！我们重新回到刚才这位网友提的关于图片显示方式的问题上来。
前端页面中，用css设置成背景还是直接用<img>标签显示图片，这取决于图片在网站中所占的重要性。
什么是图片的重要性？
想让搜索引擎收录的图片就代表它很重要！而搜索引擎收录图片最起码的标准就是图片要存在，不能通过JS操作DOM插入图片的方式（例如：JS图片懒加载）。
<img src=”img.jpg” alt=”描述”>
如果图片很重要，那么用上面的代码取代下面的代码
<div class=”bg”>loading…</div>
.bg{background:url(img.jpg) no-repeat;}
总结：从SEO角度来说，一些无关紧要的图片可以通过CSS设置为背景图形式，而文章配图等用<img src=””>来展示。SEO是一门大学问，学好它对自身的提高有益！
