为什么要将图像大小放在HTML代码中

Question

假设你创建了一个图像。你这样做：

<img src="_images/stackoverflow.jpg" width="300" height="300" alt="Stack Overflow">

假设图片默认宽度为300，高度为300.是否有任何理由指定它，或者您应该将该字段留空？

附带问题：alt命令是强制性的吗？

Answer 1

通过在HTML标记上声明宽度和高度属性，您可以控制要显示的图像的大小，特别是如果图像大小太大并且适合整个网页。你在做什么是内联风格。

alt是一个可选属性（图像标记在不设置alt属性的情况下工作）。但是，网络抓取工具使用alt标记来索引您网站上的图片。因此，您的alt属性应具有与图像内容相关的值，以便搜索引擎可以轻松找到您的网站。

Answer 2

您无需具体说明图片的大小。

你应该这样做，以防止在加载图像时在页面上显示如此多的视觉变化。

从W3Schools

带来一些东西

  

提示：始终指定图像的高度和宽度属性。如果设置了高度和宽度，则在加载页面时会保留图像所需的空间。但是，如果没有这些属性，浏览器就不知道图像的大小，也无法为其保留适当的空间。效果将是页面布局在加载过程中会发生变化（图像加载时）。

     

提示：使用height和width属性缩小大图像的大小   强制用户下载大图像（即使它看起来很小）   这页纸）。为避免这种情况，请使用之前的程序重新缩放图像   在页面上使用它。

但它不是强制性的

Answer 3

W3schools：

  

始终为图片指定height和width属性。如果   设置height和width，图片所需的空间为   加载页面时保留。但是，没有这些属性，   因此，浏览器或用户代理不知道图像的大小   它无法保留适当的空间。效果就是这样   页面布局将在加载过程中更改（加载图像时）。

  

是强制性的alt命令吗？

否，这不是强制性的。但是，总是包含它是非常好的，因为您可能已经知道为什么，如果不是alt属性的目的是提供图像文件内容的描述。

alt引用最常被引用的用途之一是为无法在浏览器中查看图像的访问者提供文本。这包括使用无法显示图像或禁用图像显示的浏览器，视障用户以及使用屏幕阅读器的访问者的访问者。如果观看者可以看到您的图像，则当用户将鼠标悬停在图像上时，也会显示alt属性。

此外，关于图片搜索引擎优化的帖子HERE非常好，与alt代码相关。