La etiqueta <article> es uno de los nuevos elementos de sección en HTML5. La etiqueta de artículo HTML se utiliza para representar un artículo. Más específicamente, el contenido dentro de la etiqueta <article> es independiente del resto del contenido del sitio (aunque puede estar relacionado).
En otras palabras, el elemento del artículo representa el componente de una página que consiste en una composición independiente en un documento, página o sitio.
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> Specify the main content of a document using HTML5 </title> </head> <body> <h2>GeeksForGeeks</h2> <h2> HTML5: How to specify the main content of a document </h2> <article style="width: 300px; border: 2px solid gray; padding: 10px; border-radius: 10px; margin: 5px;"> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="Geeks" width="300" height="250" class="alignnone size-medium wp-image-560930" /> <h1>GeeksforGeeks</h1> <p> Sandeep Jain(FOUNDER) An IIT Roorkee alumnus and founder of GeeksforGeeks. Apart from GeeksforGeeks, he has worked with DE Shaw and Co. as a software developer and JIIT Noida as an assistant professor. </p> </article> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> Specify the main content of a document using HTML5 </title> </head> <body> <h2>GeeksForGeeks</h2> <h2> HTML5: How to specify the main content of a document? </h2> <article> <h1>search engines</h1> <p> Google, Bing, and Yahoo! are the most used search engines today. </p> <h1>Google</h1> <p> The world's most popular search engine. </p> <h1>Bing</h1> <p> Microsoft's entry into the burgeoning search engine market. Better late than never. </p> <h1>Yahoo!</h1> <p> The 2nd largest search engine on the web </p> </article> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA