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>


Leave a Reply

Your email address will not be published.