La cuestión es que hace poco "terminé" de estudiar HTML y me di cuenta de que en muchas ocasiones se utiliza la etiqueta <div>
.
Ahora mismo estoy comenzando con CSS y todavía no logro ver la necesidad o la utilidad de usar esta etiqueta, mas bien, utilizo muy seguido <article>
.
Me gustaría saber si alguien puede darme una explicación un poco mas real o incluso ejemplificada de esta etiqueta, que noto que es importante pero todavía no logro saber para que específicamente.
De hecho quisiera dejar un ejemplo de un index para ver si debería usar un div o no.
<html>
<head>
<title>Metallica World</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8">
<meta name="keywords" content="#">
<meta name="author" content="Julian Urbani">
<meta name="description" content="#">
</head>
<body>
<header>
<a href="index.hmtl">Inicio</a></li>
<a href="news.html">Novedades</a></li>
<a href="band.html">Banda</a>
<a href="#">Historia</a></li>
<a href="#">Cronologia</a></li>
<a href="albums.html">Albums</a></li>
<a href="media.html">Conciertos y videos</a></li>
<a href="#social">Redes sociales</a></li>
</header>
<article>
<section>
<h1>Bienvenido al mundo de <i>Metallica</i>.</h1>
<p>En esta página vas a poder encontrar todo lo relacionado al mundo de la banda estadounidense <b>Metallica</b>, sus discos, sus conciertos, las ultimas noticias e incluso algunos datos curiosos que quizás no encuentres en otro lugar! Te recomendamos comenzar por la sección de <a href="#">banda</a> para conocer a fondo la historia de ellos y asi no perderte ningun dato.</p>
</section>
</article>
<footer>
<h4 id="social">Redes sociales de la banda</h4>
<a target="_blank" href="#">Facebook</a>
<a target="_blank" href="#">Twitter</a>
<a target="_blank" href="#">Instagram</a>
<a target="_blank" href="#">Youtube<introducir el código aquí/a>