Articles → HTML 5 → articles and sections in HTML5

articles and sections in HTML5




















Software requirement









Technical knowledge





Semantic HTML





Benefit of using semantic HTML









Semantic HTML Vs Presentational HTML









‘article’ and ‘section’ markups?










Article on global warming

Subheading 1
Content 1

Subheading 2
Content 2

Subheading 3
Content 3








<article>
	<h1>Article on global warming</h1>
	<section>
		<h2>Subheading 1</h2>
		<p>Content 1</p>
	</section>
	<section>
		<h2>Subheading 2</h2>
		<p>Content 3</p>
	</section>
	<section>
		<h2>Subheading 3</h2>
		<p>Content 3</p>
	</section>
</article>




Picture showing the output of article and section tag

Click to Enlarge


How ‘div’ is different from ‘article’ and ‘section’ markups?









Browser support


Internet ExplorerFirefoxChromeSafariOperaEdge
9.04.06.05.011.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Friday, September 26, 2014
 
Updated On  -  Wednesday, January 02, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250