我目前正在开发一个电子商务项目,无法确定是否使用article,section或div来包装产品列表.
对于诸如promos之类的东西,有很多部分,我不想使用div,因为以下部分会有更大的含义并破坏它,但是它应该具有比以下部分更大的含义.

我正在考虑文章标签,但我找不到它在博客之外使用的例子.我注意到人们认为单个项目(产品页面)可以接受,但应该使用什么方法来浏览产品列表?
我的想法,假设你从200x200精灵开始(意味着双分辨率图像是400x400)是这样的:
.sprite {
background-image:url('1x.png');
background-repeat: no-repeat;
background-size: 200px 200px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.sprite {
background-image:url('2x.png');
}
}
Run Code Online (Sandbox Code Playgroud)
实例:http://ov3rkill.com/temp/a5dii52/
我一直在努力确定提供更高分辨率图像的最佳方式(之前我将所有图像分开并单独调整大小),这坦率地看起来太简单了.
谁能看到任何潜在的缺点?我正在玩这个用于生产用途,到目前为止似乎工作.
为了加快我的工作流程并帮助后端人员进行集成(我是前端开发人员),我试图通过在每个文件包含输出文件包括输出文件名来扩展文件包含功能:
function include_module($path) {
echo "\n\n<!-- MODULE: ".basename($path, '.php')." -->\n";
include($path);
echo "\n<!-- /MODULE: ".basename($path, '.php')." -->\n\n";
}
include_module('form-controls.php');
Run Code Online (Sandbox Code Playgroud)
但是,这会导致无法访问在函数外部设置的任何变量.我知道我能做到:
global $var
Run Code Online (Sandbox Code Playgroud)
但这只会让我访问$ var(我知道我可以做$ var ['var1']等),有没有办法做'全部全部'或任何人都可以想到一个不同的方法来包装评论?
干杯:)