You may encounter <marquee> while maintaining an older website. It is a legacy HTML element, so the goal is to recognize it and replace it—not to start using it in new pages.
What the old element was for
Text that automatically scrolls. In older markup, developers sometimes mixed page appearance, browser plug-in behavior, and document structure in the same HTML file.
marquee caused motion and accessibility problems.
Use this modern alternative
A better modern choice is CSS animations used sparingly. This example focuses on the meaning of the replacement:
<section>
<p class="announcement">School event on Friday</p>
</section>Why the replacement is better
Moving text may be inaccessible to readers who need to pause motion or read at their own speed.
With modern markup, HTML describes the content, CSS controls presentation, and JavaScript is added only if the feature needs changing behavior.
Updating an older page
Find one use of <marquee> in the old source. Work out the meaning the author intended, replace it with the supported structure, and compare the result in your browser. Do not remove meaningful content while updating the markup.
Common Beginner Mistakes
- Copying
<marquee>from an old tutorial into a new website. - Assuming a browser displaying obsolete markup means the markup is recommended.
- Replacing an old tag with something that changes its meaning rather than its appearance.
Key Takeaways
<marquee>is legacy markup, not a recommended new HTML feature.- Prefer CSS animations used sparingly.
- marquee caused motion and accessibility problems.