: The DIV Element

Last updated: 2026-09-12

<div>The DIV Element

The <div> (division) element is a generic block-level container with no semantic meaning. It's used to group content, build CSS layouts, and as a target for JavaScript.

Category	Text Content
Content Model	Flow content
Allowed Parents	Any element that accepts flow content
Content Tag	Yes — requires closing `</div>` tag
Status	Standard

📝 Syntax

<div>Block content</div>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<div>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

Warning： Prefer semantic tags (<section>, <article>, <header>) over <div> when they convey meaning.

❓ FAQ

QWhat is the difference between

and

A<div> is a generic container with no semantic meaning, while <section> represents a thematic grouping of content. Use <section> for chapters, tabs, or themed content groups.

QIs

deprecated in HTML5?

ANo, <div> is not deprecated. It's still valid in HTML5, but for better accessibility and SEO, prefer semantic elements like <article>, <section>, <nav>, or <header> when they fit the content.

QCan a

contain another

AYes, <div> elements can be nested without limit. This is common for building complex layouts, though modern CSS (Flexbox, Grid) has reduced the need for deeply nested divs.

<div> — layout tutorial

📚 Related Tutorials

HTML Layout HTML Elements

HTML Layout Tutorial

Build common page layouts with div and CSS.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us

: The DIV Element

<div>The DIV Element

📝 Syntax

▶ Example

🌐 Browser Support

❓ FAQ

🏷️ Related Tags

💡 Related Cases

📚 Related Tutorials

🙏 帮我们做得更好