Re: 响应式图片的讨论

你可以根据spec按你的意愿写这样的插件供开发者使用。但是spec不能这样设计，原因我已经说过了：url的path结构是不透明的。


2013/10/24 Hawkeyes Wind <hawkeyes0.cn@gmail.com>

>  至少目前我自己做的jq插件是按之前邮件提到的模式工作的，不管前缀还是后缀都是自己定义的，在我看来已经给予了前端设计人员最大程度的自由了，
> 否则除了图片的引用地址还要维护一个图片列表。
> 从我附近的前端人员反馈来看，他们宁愿按规则命名文件，而不是用不知道什么意思的名字去维护一个列表。
> 如果是给予前端人员无限制的自由度，那么HTML标记只需要div和span就够了，不是吗？
>
> 于 2013/10/24 11:48, John Hax 写道:
>
> 赞同Leo Deng的意见。
>
>  原因在于url本身是不透明的（除了?和#部分），也就是不存在操作url内部结构的可能。开发者自己定义自己的url构成是
> 可以的，但是spec不能做这个事情。
>
>
> 2013/10/23 Leo Deng <myst.dg@gmail.com>
>
>> 不觉得。
>> 强加一条强约束的命名规则给用户，这已经远远超出了HTML/DOM的范畴，这是不可能被接受的。
>>
>>
>>  在 2013年10月23日下午6:15，Hawkeyes Wind <hawkeyes0.cn@gmail.com>写 道：
>>
>>  在一个复杂的程序中突然冒出一个 int a; 的变量，你不觉得抓狂吗？
>>> 于 2013/10/23 18:13, Leo Deng 写道:
>>>
>>> 所以你要强迫用户不能够用 a.png 和 b.png 分别显示给 1x 和 2x 吗？
>>>
>>>
>>> 在 2013年10月23日下午5:46，Hawkeyes Wind <hawkeyes0.cn@gmail.com>写 道：
>>>
>>>>  提个个人意见，在img元素里加图片名的“前缀”和“后缀”属性就可以了，例如：
>>>> 前缀的情况：
>>>>
>>>> <img prefix="hd- 2x,hi- 4x" src="image.png"/>
>>>> 由浏览器自动根据情况去拼出文件名：hd-image.png 或 hi-image.png。
>>>>
>>>> 后缀：
>>>>
>>>> <img suffix="-hd 2x,-hi 4x" src="image.png"/>
>>>> 后缀的文件名拼接类似：image-hd.png 或 image-hi.png。
>>>>
>>>>  这样大家都省事了，即便图片变更浏览器都会自动选择合适图片了。列表什么的，恶 寒……
>>>>
>>>> 于 2013/10/23 11:46, Kang-Hao (Kenny) Lu 写道:
>>>>
>>>> 很多都在响应式图片社区小组（Responsive Images Community Group）。欢迎看
>>>> 一下该社区小组的邮件组（public-respimg）的存档[1]，欢迎订阅（订阅方式跟
>>>> 订阅这个邮件组相同）。该社区弄了三分草案：
>>>>
>>>>   * <picture> [2]
>>>>   * srcset [3]
>>>>   * srcN [4]
>>>>
>>>> [3]的解析部分我差不多翻完了。
>>>>
>>>> Hixie 基本不在 public-respimg 写信的，所以有些 srcset 的讨论在 WHATWG 的
>>>> 邮件组里。我整理了一些连接在[5]。
>>>>
>>>> 警告：我觉得这些讨论的水分相当高。
>>>>
>>>>
>>>> [1] http://lists.w3.org/Archives/Public/public-respimg/

>>>> [2] http://picture.responsiveimages.org/

>>>> [3] http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/

>>>> [4] http://tabatkins.github.io/specs/respimg/Overview.html

>>>> [5] http://www.w3.org/html/ig/zh/wiki/Srcset

>>>>
>>>>
>>>> 以上
>>>>
>>>> Kenny
>>>>
>>>>
>>>>  --
>>>> Regards
>>>>
>>>> Hawkeyes Wind
>>>>
>>>>
>>>
>>> --
>>> Regards
>>>
>>> Hawkeyes Wind
>>>
>>>
>>
>
> --
> Regards
>
> Hawkeyes Wind
>
>