Instead, use these 7 html element alternatives
* * *
MAIN ELEMENTÂ
<main role=”main”>
<h1>Hello</h1>
<p> Thanks for not using another div</p>
</main>
SECTION ELEMENT
* * *
<main role=”main”>
<section id=”section-intro”>
<h1>Hello</h1>
<p> Thanks for not using another div</p>
</section>
<section id=”section-history”>
<h1>History of the Div Element</h1>
<p> The Span and Div Elements were created in 1995</p>
</section>
</main>
ASIDE ELEMENT
* * *
<main role=”main”>
<section id=”section-intro”>
<h1>Hello</h1>
<p>Thanks for not using another div</p>
</section>
<section id=”section-history”>
<h1>History of the Div Element</h1>
<p>The Span and Div Elements were created in 1995</p>
</section>
<aside id=”usage “>
<p>Styling with CSS</p>
<p>Semantic Clarity</p>
<p>Overuse</p>
</aside>
</main>
ARTICLE ELEMENT
* * *
<main role=”main”>
<section id=”section-intro”>
<h1>Hello</h1>
<p>Thanks for not using another div</p>
</section>
<section id=”section-history”>
<h1>History of the Div Element</h1>
<p>The Span and Div Elements were created in 1995</p>
</section>
<aside id=”usage”>
<p>Styling with cSS</p>
<p>Semantic Clarity</p>
<p>overuse</p>
</aside>
<article class=”blog-posts”>
<header>
<h2>Why I don’t use Div’s anymore</h2>
<p> by Kev_The_WebDev</p>
</header>
<p> There are so many other element tags out there to use that are so cool! </p>
</article>
< /main>
BLOCKQUOTE ELEMENT
* * *
<main role=”main”>
<section id=”section -intro”>
<h1>Hello /h1>
<p> Thanks for not using another div</p>
</section>
<section id=”section- history”>
<h1>History of the Div Element</h1>
<p>The Span and Div Elements were created in 1995</p>
</section>
<aside id=”usage”>
<p>styling with csS</p>
<p> Semantic Clarity</p>
<p>overuses /p>
</aside>
<article class=”blog-posts”>
<header>
<h2>Why I don’t use Div’s anymore</h2>
<p>by Kev_The_WebDev</p>
</header>
<p>There are so many other element tags out there to use that are so cool!</p>
</article>
<blockquote>
“Use of more appropriate elements instead of the div element leads to better accessibility for readers”
</blockquote>
</main>
NAVIGATION ELEMENT
* * *
<nav id=”main-navigation”>
<ul>
<li> a href=”#”>Home</a></li>
<li a href=”#section -intro”> Introduction</a></li>
<li>a href=”#section-history”>History</a></li>
</ul>
</nav>
<main role= main”>
<section id=”section -intro”>
<h1>Hello</h1>
<p>Thanks for not using another div</p>
</section>
<section id=”section – history”>
<h1> History of the Div Element</h1>
<p>The Span and Div Elements were created in 1995</p>
</ section>
<aside 1d=”usage”>
<p > Styling with CSS</p>
<p>Semantic claritys /p>
<p>overusec /p>
</aside>
<article class=”blog-posts”>
<header>
<h2>why I don’t use biv’s anymore</h2>
<p>by Kev_The_WebDevs< /p>
</header>
<p> There are so many other element tags out there to use that are so cool! </p>
</article>
<blockquote>
“Use of more appropriate elements instead of the div element leads to better accessibility for readers”
</blockquote>
</main>
FOOTER ELEMENT
* * *
<nav id=”main- navigation”>
<ul>
<li><a href=”#”>Home</a></1i>
<li><a href=”#section-intro”> Introduction</a></1i>
<li><a href=”#section-history” >History</a></1i>
</ul>
</nav>
<main role=”main”>
<section id=”section-intro”>
<h1>Hello</h1>
<p>Thanks for not using another div</p>
</section>
<section id=”section- history”>
<h1>History of the Div Element</h1>
<p>The Span and Div Elements were created in 1995</p>
</section>
<aside id=”usage”>
<p>styling with css</p>
<p>Semantic clarity</p>
<p>overusec/p>
< /aside>
<article class=”blog-posts”>
<header>
<h2>Why I don’t use Div’s anymore</h2>
<p>by Kev_the_webDev</p>
</header>
<p>There are so many other element tags out there to use that are so cool! </p>
</article>
<blockquote>
“Use of more appropriate elements instead of the div element leads to better accessibility for readers”
</blockquote>
< /main>
<footer>
<p>Use 0ther Elements, Inc. 2022. All Rights Reserved</ p>
</footer>
