La semántica es el estudio del significado de palabras y frases en el lenguaje. Elemento semántico = elemento que tiene significado. El elemento semántico describe claramente lo que significa para los navegadores y desarrolladores. Ejemplos de elementos no semánticos :<div>和<span>- no se sabe nada sobre su contenido. Ejemplos de elementos semánticos: <form>, <table> y <article>: definen claramente su contenido. Todos los navegadores modernos admiten elementos semánticos HTML5.
Muchos sitios web contienen código HTML como :<div id =nav> <div class =header> <div id =footer> para indicar navegación, encabezados y pies de página. HTML5 proporciona nuevos elementos semánticos para definir diferentes partes de una página web:
<artículo><aparte><detalles><figcaption><figura><pie de página><encabezado><principal><marca><navegación><sección><resumen><hora>Elemento HTML5 <sección>
El elemento <section> define una sección de un documento. Según la documentación HTML5 del W3C: Una sección es una agrupación temática de contenido, normalmente con un título. Las páginas de inicio generalmente se pueden dividir en varias secciones para introducción, contenido e información de contacto.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java es un lenguaje de programación informática ampliamente utilizado con funciones de programación genéricas, orientadas a objetos y multiplataforma aplicadas a empresas. -Desarrollo de aplicaciones web a nivel y desarrollo de aplicaciones móviles. </p> </section> <section> <h1>PHP</h1> <p>PHP (nombre completo: PHP: preprocesador de hipertexto, es decir, PHP: preprocesador de hipertexto) es un lenguaje de secuencias de comandos informáticos de uso general y de código abierto. Adecuado para desarrollo web y puede integrarse en HTML. </p> </sección> </cuerpo> </html>Elemento HTML5 <artículo>
El elemento <article> especifica contenido incluido independiente. Un artículo debe tener sentido por sí solo y debe poder leerse independientemente del resto del sitio web. Ejemplos de dónde se puede utilizar el elemento <article>:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java es un lenguaje de programación informática ampliamente utilizado con funciones de programación genéricas, orientadas a objetos y multiplataforma aplicadas a empresas. -Desarrollo de aplicaciones web a nivel y desarrollo de aplicaciones móviles. </p> </artículo> </cuerpo> </html>Elemento HTML5 <encabezado>
El elemento <header> especifica un encabezado de archivo o sección. El elemento <header> debe utilizarse como contenedor para el contenido introductorio. Puede incluir varios elementos en un <encabezado>. El siguiente ejemplo define el título del artículo:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Qué es Java:</p> </header> <p>Java es una computadora ampliamente utilizada Lenguaje de programación con características de programación genéricas, orientadas a objetos y multiplataforma, y se usa ampliamente en el desarrollo de aplicaciones web a nivel empresarial y en el desarrollo de aplicaciones móviles. </p> </artículo> </cuerpo> </html>Elemento HTML5 <pie de página>
El elemento <footer> especifica un archivo o un pie de página parcial. El elemento <footer> debe contener información sobre la unidad que lo contiene. El pie de página suele contener el autor del documento, información de derechos de autor, un enlace a los términos de uso, información de contacto, etc. Puede tener varios elementos dentro de un <pie de página>.
<!DOCTYPE html> <html> <body> <footer> <p>Copyright</p> <p>Información de contacto: <a href=mailto:[email protected]> [email protected]</a> . </p> </footer> </body> </html>Elemento <nav> HTML5
El elemento <nav> define un conjunto de enlaces de navegación.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>Elemento HTML5 <aparte>
El elemento <aside> define parte del contenido en el que se encuentra (como una barra lateral). El contenido <aside> debe ser el contenido circundante.
<!DOCTYPE html> <html> <body> <p>Java es un lenguaje de programación de computadoras ampliamente utilizado con características de programación genéricas, orientadas a objetos y multiplataforma. Se usa ampliamente en el desarrollo de aplicaciones web y aplicaciones móviles a nivel empresarial. desarrollo. . </p> <aside> <h4>PHP</h4> <p>PHP es el mejor lenguaje del mundo. </p> </aside> </body> </html>Resumir
Lo anterior son los elementos semánticos HTML5 introducidos por el editor. ¿Realmente los ha utilizado correctamente? Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!
Si cree que este artículo le resulta útil, puede reimprimirlo. Indique la fuente, ¡gracias!