Si planifica cuidadosamente la estructura de sus documentos HTML, puede ayudar a las computadoras a entender el significado de su contenido . La sintaxis correcta es importante, pero básicamente proporciona analizadores, motores de búsqueda y tecnologias de asistencia con un conjunto de datos sin sentido.
Si mejora su flujo de trabajo de front-end prestando atención a la semántica, puede crear un contenido de mayor calidad que atraiga a más visitantes. La semántica es el estudio del significado, en un contexto más amplio es una rama de la lógica y la lingüística .
En el mundo del desarrollo web hablamos de contenido semántico cuando las computadoras entienden la estructura de un documento y los roles de los elementos dentro de él . Si queremos crear una semántica adecuada, debemos comprender profundamente la estructura de nuestro contenido y las capacidades de las tecnologías frontend.
Entonces, ¿cuáles son los beneficios tangibles? Semántica adecuada significa un contenido más buscable que conduce a una mejor clasificación de los motores de búsqueda . También aumentamos la accesibilidad, ya que las tecnologías de asistencia, como los lectores de pantalla, pueden interpretar mejor el significado de nuestro contenido .
Existen muchas técnicas de desarrollo de front-end diferentes que permiten a los desarrolladores lograr una estructura de página semántica. Esta publicación le proporcionará una breve introducción a las etiquetas HTML semánticas y al concepto del esquema del documento.
Etiquetas semánticas y no semánticas HTML
El concepto de semántica no es tan nuevo como parece, existía mucho antes de la era de HTML5. El término de la web semántica fue acuñado ya en 2001 por Sir Tim Berners-Lee. En "web semántica" se refería a una red de datos que pueden ser procesados por máquinas.
Esto significa principalmente que los elementos HTML separados deben tener sus roles estructurales distinguibles . De acuerdo con la definición de W3C "un elemento semántico describe claramente su significado tanto para el navegador como para el desarrollador".
Elementos semánticos antes de HTML5
Los elementos semánticos también existían antes de HTML5, solo que en la mayoría de los casos los desarrolladores no sabían que algunas de las etiquetas que usaban eran en realidad semánticas . Solo piensa en el
o el etiquetas.
Sus roles son claros tanto para nosotros como para el agente de usuario:
es.hideout-lastation.com