Older websites sometimes contain HTML tags that no longer belong in modern pages. The <image> element is one of them. A nonstandard historical alias sometimes treated similarly to img.
It is useful to recognize legacy HTML when maintaining an existing site, but beginners should usually learn the modern pattern first. Browsers may still show something for obsolete tags, but that does not make those tags a safe long-term choice.
What older code was trying to do
A nonstandard historical alias sometimes treated similarly to img. The problem with carrying that idea forward is that modern browser features, accessibility expectations, security rules, or CSS provide a different and more dependable solution.
A modern alternative
<!-- Example -->
<img src="landscape.webp" alt="Green valley" width="600" height="400">Why the replacement is better
The standard HTML element is img, with meaningful alt text and explicit intrinsic dimensions where possible.
In the example, look for standard HTML elements that communicate a meaningful page structure or action. Styling belongs in CSS where appropriate. Interactive actions belong in real controls backed by JavaScript or a server, not in unsupported legacy elements.
How to update an older page
- Find the old element and identify exactly what information or behavior people depend on.
- Choose native modern HTML first; use CSS for presentation and JavaScript only when real behavior is needed.
- Replace one region, then check that text, links, keyboard navigation, and resource loading still work.
- Validate the updated markup and test in more than one browser if the feature is important.
Try it yourself
Create a small legacy HTML fragment in a disposable practice file. Write a modern equivalent beneath it, then compare the result in a browser. Do not publish the old fragment as recommended code.
Common Beginner Mistakes
- The standard HTML element is img, with meaningful alt text and explicit intrinsic dimensions where possible.
- Copying old code because it appears to work in one browser.
- Replacing the old tag visually but forgetting its information or accessibility purpose.
Key Takeaways
<image>belongs to historical rather than recommended modern HTML.- The standard HTML element is img, with meaningful alt text and explicit intrinsic dimensions where possible.
- Preserve meaning and usability when migrating legacy documents.