Tebili <picture> kinachotumia

Muundo na Kufanyia

Kitambaa kinaonyesha mkulima wa mtengenezi wa mtandao kuwa mafanikio sana katika kuzingatia mabaki ya picha.

Kikampuni cha elementi kinaendelea kufanyika katika muundo wa kifuraha cha kuzingatia, ambapo inaweza kudesigna picha mbili kwa kusaidia kuongeza ufupisho wa kifungu cha kila siku, hivyo hakupungua picha inayofikia kifungu cha kila siku kwa sababu ya kifungu cha kila siku.

Ina kitambaa mbili: moja au zaidi ya <source> kitambaa na <img> kitambaa

Mfumo wa kifuraha utafuta media query ambao inafanana na kifungu cha hali ya hali ya kila siku, kwa baadhi ya elementi ya <source> ambao inaonyesha picha sahihi (inaonyesha kwa sababu ya kipimo cha srcset). <img> elementi ni Mfano wa elementi wa kwanza wa mwanzi wa elementi ni lazima, ikipewa ufunzo wa chaguo cha kuzingatia huzuni ya source kama hii hakina huzuni ya source ambao hufanana.

Maelezo: Kazi ya elementi ya <video> na <audio> Mashirika ya hizi inaweza kutumika kwa msaada wa chaguo cha kwanza.

Tazama pia:

HTML Mwongozo:HTML <picture> ˈɛlyɛmti

CSS Mwongozo:CSS 响应式设计 - 图像

实例

标签的使用方法:


  
  
  Flowers

亲自试一试

全局属性

标签还支持 HTML 中的全局属性

事件属性

标签还支持 HTML 中的事件属性

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0