为什么要将图像大小放在 HTML 代码中
Why should you put the image size in HTML code
假设您创建了一个图像。你这样做:
<img src="_images/Whosebug.jpg" width="300" height="300" alt="Stack Overflow">
假设图片的默认宽度为 300,高度为 300。是否有任何理由指定它,或者您应该将该字段留空?
附带问题:alt 命令是强制性的吗?
您不需要指定图片的大小。
您应该放置它以防止在加载图像时在您的页面上显示太多视觉变化。
带来一些东西
Tip: Always specify both the height and width attributes for images. If height and width are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the images load).
Tip: Downsizing a large image with the height and width attributes
forces a user to download the large image (even if it looks small on
the page). To avoid this, rescale the image with a program before
using it on a page.
但这不是强制性的
Always specify both the height
and width
attributes for images. If
height
and width
are set, the space required for the image is
reserved when the page is loaded. However, without these attributes,
the browser or user agent does not know the size of the image, hence
it cannot reserve the appropriate space to it. The effect will be that
the page layout will change during loading (while the images load).
is the alt command mandatory?
NO,不是必须的。但是,始终包含它真的很好,因为您可能已经知道为什么,如果不是,alt 属性的目的是提供图像文件内容的描述。
alt 属性被引用最多的用途之一是为无法在浏览器中看到图像的访问者提供文本。这包括使用无法显示图像或禁用图像显示的浏览器的访问者、视障访问者以及使用屏幕阅读器的访问者。如果查看者可以看到您的图片,当用户将鼠标悬停在您的图片上时,alt 属性也会显示。
另外,关于图片SEO,有一个非常好的post HERE,与alt
标签有关。
通过在您的 HTML 标签上声明宽度和高度属性,您可以控制要显示的图像的大小,特别是当图像尺寸太大并且适合整个网页时。您正在做的是内联样式。
alt 是可选的 属性(图像标签无需设置 alt 属性)。但是,网络爬虫使用 alt 标签来索引您网站上的图像。因此,您的 alt 属性 应该具有与图像内容相关的值,以便搜索引擎可以轻松找到您的网站。
假设您创建了一个图像。你这样做:
<img src="_images/Whosebug.jpg" width="300" height="300" alt="Stack Overflow">
假设图片的默认宽度为 300,高度为 300。是否有任何理由指定它,或者您应该将该字段留空?
附带问题:alt 命令是强制性的吗?
您不需要指定图片的大小。
您应该放置它以防止在加载图像时在您的页面上显示太多视觉变化。
带来一些东西Tip: Always specify both the height and width attributes for images. If height and width are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the images load).
Tip: Downsizing a large image with the height and width attributes forces a user to download the large image (even if it looks small on the page). To avoid this, rescale the image with a program before using it on a page.
但这不是强制性的
Always specify both the
height
andwidth
attributes for images. Ifheight
andwidth
are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser or user agent does not know the size of the image, hence it cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the images load).
is the alt command mandatory?
NO,不是必须的。但是,始终包含它真的很好,因为您可能已经知道为什么,如果不是,alt 属性的目的是提供图像文件内容的描述。
alt 属性被引用最多的用途之一是为无法在浏览器中看到图像的访问者提供文本。这包括使用无法显示图像或禁用图像显示的浏览器的访问者、视障访问者以及使用屏幕阅读器的访问者。如果查看者可以看到您的图片,当用户将鼠标悬停在您的图片上时,alt 属性也会显示。
另外,关于图片SEO,有一个非常好的post HERE,与alt
标签有关。
通过在您的 HTML 标签上声明宽度和高度属性,您可以控制要显示的图像的大小,特别是当图像尺寸太大并且适合整个网页时。您正在做的是内联样式。
alt 是可选的 属性(图像标签无需设置 alt 属性)。但是,网络爬虫使用 alt 标签来索引您网站上的图像。因此,您的 alt 属性 应该具有与图像内容相关的值,以便搜索引擎可以轻松找到您的网站。