• Home
• org.codehaus.sonar-plugins
• sonar-web-plugin
• 2.3
• source code
• ImgWithoutWidthOrHeightCheck.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.sonar.l10n.web.rules.Web.ImgWithoutWidthOrHeightCheck.html Maven / Gradle / Ivy

If the width and height attributes are set, the space required for the image is reserved immediately by the browser, even before it actually starts to load the image.
Without those attributes, the page layout constantly changes as images are loaded until they are all loaded, which can disorient users.


Noncompliant Code Example

<img src="logo.png" alt="My Company" />                           <!-- Non-Compliant -->


Compliant Solution

<img src="logo.png" alt="My Company" width="100" height="50" />   <!-- Compliant -->