当前位置: 首页 > 面试题库 >

图片宽度/高度是属性还是CSS?

蓟雪峰
2023-03-14
问题内容

指定图像高度和宽度的“正确”语义方式是什么?在CSS中…

width:15px;

或内联…

<img width="15"

CSS似乎是放置可视信息的正确位置。另一方面,很少有人会认为不应将图像“ src”指定为属性,并且高度/宽度似乎像“ src”那样与二进制图像数据相关。

(是的,我意识到从技术,最终用户的角度来看,这确实无关紧要。)


问题答案:

应该内联定义。如果使用的是img标签,则该图像应具有内容的语义值,这就是为什么需要alt属性进行验证的原因。

如果图像要作为布局或模板的一部分,则应使用img标记以外的标记,并将图像作为CSS背景分配给该元素。在这种情况下,图像没有语义,因此不需要alt属性。我可以肯定,大多数屏幕阅读器甚至都不知道CSS图像的存在。



 类似资料:
  • 我对Java UI相对较新,希望您能帮助我解决一个简单的问题。 我有一个,类型为。部分包含一个组合框。 如何确保组合框扩大宽度而不扩大高度? 在中还有一个按钮。我希望这个纽扣一点也不要伸长。

  • 问题内容: 如果我知道要通过图像标签显示的图像的高度和宽度,我应该包括height和width属性,还是仅将信息放入CSS中?或两者? 例如 要么 要么 问题答案: 根据Google Page Speed,您应始终在image标签中定义宽度和高度。但是,要验证您不能使用样式标签。 另外,您应始终指定与实际图像相同的高度和宽度,以使浏览器不必像调整大小一样对其进行任何修改。 我建议这样做 编辑: 有

  • 我有一个Vue组件,在它里面我有一个img,我需要得到图像尺寸,最好是在显示图像之前(通过宽度或高度来适应容器)。 该代码可能无法工作,映像src可以返回401(还不确定),我们使用代理并从服务器上的存储桶中获取该文件。比如/api/getStorageResource?斑点= 我能做什么呢? 有了链接,我可以通过axios获取图像并将其设置为元素,而不是

  • 问题内容: 我是一个团队的成员,该团队有大约6个UI开发人员,质量各异,几乎没有Angular经验。许多是承包商,几乎没有代码库经验。该应用程序具有非常漂亮的(复杂的)UI。它支持IE8 +(希望很快会成为IE9 +)。 我们正在为应用程序的主要扩展引入Angular,并且有人要求我为团队编写有关使用Angular的准则。 我们将使用指令来创建精美的UI元素,所有元素均以“ ipwr”为前缀,以避

  • 问题内容: 我目前正在为一家公司制作移动目标网页。这是一个非常基本的布局,但是在页眉下面有一个产品图片,该图片始终为100%的宽度(设计显示,该图片始终从一条边到另一条边)。根据屏幕的宽度,图像的高度显然会相应地进行调整。我最初使用img(CSS宽度为100%)来完成此操作,效果很好,但我意识到我想使用媒体查询根据不同的分辨率提供不同的图像- 假设尺寸较小,中等,例如,同一张图片的大版本。我知道您

  • 组件的高度和宽度决定了其在屏幕上显示的尺寸。 指定宽高 最简单的给组件设定尺寸的方式就是在样式中指定固定的 width 和 height 。React Native 中的尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点。 export default class HelloWorld extends Component { render() { return ( <