Wikipedia

HTML semántico

HTML utilizado para reforzar el significado de documentos o páginas web

HTML Semántico es el uso de las etiquetas HTML para reforzar la semántica, o el significado, de la información en las páginas web más que simplemente redefinir su forma de presentación (apariencia). El HTML semántico es procesado por los navegadores web regulares así como por muchos otros agentes de usuarios. Las CSS son usadas para sugerir la presentación de la página a usuarios humanos.

HTML element content categories

Como un ejemplo, estándares recientes de HTML no recomiendan el uso de etiquetas presentacionales como <i>[1]​ ya que prefieren etiquetas más específicas como <em> (énfasis); las hojas de estilo CSS deberían entonces especificar cuando el énfasis es denotado por una fuente cursiva, una en negritas, subrayada, etc. Esto es porque las cursivas son usadas para otros propósitos además de hacer énfasis, como citar una fuente; para esto, HTML 4 provee la etiqueta <cite>.[2]​ Otro uso de las cursivas es para citar frases; los diseñadores web pueden usar los atributos del lenguaje XHTML[3]​ o especificar sus propias etiquetas semánticas escogiendo apropiadamente nombres para los valores de los atributos de los elementos de HTML como class (e.g. class="loanword"). Marcar el énfasis y las citas, hace mucho más fácil en muchas maneras para agentes de usuario como motores de búsqueda y otras aplicaciones que se interprete de forma correcta el significado del texto.

Historia editar

HTML tiene incluido el marcado semántico desde su creación.[4]​ En un documento HTML, el autor puede, entre otras cosas, "empezar con un título; añadir encabezados y párrafos; poner énfasis en el texto; insertar imágenes; añadir vínculos a otras páginas; y usar varios tipos de listas".[5]​ Llegó un tiempo en que HTML también incluía marcado de presentación con las etiquetas <font>, <i> y <center>. También existen las etiquetas neutrales semánticamente hablando como <span> y <div>. Desde el final de los 1990s cuando las hojas de estilo comenzaron a trabajar en la mayoría de los navegadores, los autores web fueron alentados a evitar el uso de marcado de presentación de HTML con el objetivo de lograr la separación entre la presentación y el contenido.[6]​

En el 2001 Tim Berners-Lee participó en una discusión sobre la web semántica, donde se declaró que aplicaciones inteligentes 'agentes' podían algún día recorrer automáticamente la web y encontrar, filtrar y relacionar , la información publicada para el beneficio de usuarios humanos.[7]​ Estos agentes no son comunes ni siquiera en la actualidad , pero algunas de las ideas de Web 2.0, mashups y price comparison websites pueden estarse acercando. La principal diferencia entre estas aplicaciones web híbridas y los agentes semánticos de Berners-Lee se encuentra en el hecho de que el actual aggregation y la hibridación de información es usualmente diseñada por desarrolladores web, quienes ya conocen las localizaciones web y el API semántico de datos específicos que se quieren comparar y combinar.

Un importante tipo de agente web que si explora y lee las páginas web de forma automática, sin un conocimiento previo de lo que pueda encontrar, es el motor de búsqueda o araña. Estas aplicaciones son dependientes de la claridad de la semántica de las páginas web que encuentran a la vez que usan varias técnicas y algoritmos para leer e indexar millones de páginas web cada día y proveer a usuarios web con facilidades de búsqueda sin las cuales el uso del mundo entero de la web se reduciría a una fracción de lo que se utiliza hoy en día.

Para que los motores de búsqueda arañas sean capaces de calcular el significado de pedazos de texto que encuentran en los documentos HTML, la estructura semántica que existe en HTML necesita ser inteligente y uniformemente aplicada para resaltar el significado del texto publicado.[8]​

Mientras la verdadera web semántica puede depender de complejas RDF, ontologías y metadatos, todos los documentos HTML hacen su contribución a dar significado a las cosas en la web con el uso correcto de encabezados, listas, títulos y otros marcados semánticos mientras estos sean necesarios. El correcto uso del etiquetado en la Web 2.0 crea folkosomías que pueden ser igual o aún más significativas para muchos.[8]​ HTML5 va a introducir muchas etiquetas semánticas que se convertirán en comunes en los documentos web del futuro, como section, article, footer, progress, nav etc.

Las etiquetas de marcado de presentación no están ausentes en las actuales HTML (4.01) y XHTML recomendaciones, pero no se recomienda su uso. En HTML 5 algunos de esos elementos, tales como i[9]​ y b[10]​ continúan especificados como su significado claramente se define "as to be stylistically offset from the normal prose without conveying any extra importance".

Consideraciones editar

En casos donde un documento requiere de semántica más precisa que aquella que se puede alcanzar con HTML solamente, fragmentos del documento pueden ser encerrados en elementos span o div utilizando el nombre de la clase para describir semánticamente lo que se quiere[11]​ como <span class="author"> y <div class="invoice">. Aunque estos nombres de clase son solo identificadores sin esquemas ni ontologías, estos puede servir de enlace significados mejor definidos. Microformatos formalizan este acercamiento a la semántica en HTML.

Una importante restricción de este acercamiento es que dicho marcado basado en inclusión de elementos debe conocer las condiciones de buena formación. Estos documentos son estructurados en forma de árbol, esto significa que solo fragmentos balanceados de un sub-árbol pueden ser marcados de esta forma.[12]​ Significaría que para marcar cualquier sección de forma arbitraria del HTML requeriría un mecanismo independiente de la propia estructura de marcado, como por ejemplo XPointer.

Buen HTML semántico también mejora la accesibilidad de documentos web (ver Web Content Accessibility Guidelines). Por ejemplo, cuando un lector de pantalla o un navegador de audio puede correctamente interpretar la estructura de un documento, no se perderá el tiempo del usuario discapacitado en leer información repetida o irrelevante si el marcado es correcto.

Google y los 'fragmentos enriquecidos' editar

En el 2010, Google especificó tres formas de estructuras de metadatos que sus sistemas comenzarán a utilizar para encontrar contenido semánticamente especificado en las páginas web. Información como, la relacionada con críticas, perfiles de personas, listas de negocios, y eventos serán usados por Google para enriquecer los 'fragmentos', o cortos pedazos de texto acotado que se muestran cuando la página aparece en listas de búsqueda. Google especificó también que los datos pueden ser dados utilizando microdato, microformatos o RDFa.[13]​ Los microdatos se especifican dentro de itemtype y itemprop que son atributos añadidos a elementos ya existentes de documentos HTML; las palabras claves que son los microformato son añadidos dentro del atributo class como ya vimos anteriormente; y RDFa utiliza los atributos rel, typeof y property añadidos también a elementos existentes.[14]​

Véase también editar

Referencias editar

  1. ↑ «Alignment, font styles, and horizontal rules in HTML documents». W3C. 2000, revised 2002. 
  2. ↑ «HTML 4.01 Specification: Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM». W3C. 1999. Consultado el 18 de octubre de 2009. 
  3. ↑ «XHTML 1.0 The Extensible HyperText Markup Language (Second Edition): The lang and xml:lang Attributes». W3C. 2000, revised 2002. Consultado el 18 de octubre de 2009. 
  4. ↑ Berners-Lee, Tim; Fischetti, Mark (2000). Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor. San Francisco: Harper. ISBN 978-0062515872. 
  5. ↑ Raggett, Dave (24 de abril de 2005). «Getting started with HTML». World Wide Web Consortium. Consultado el 8 de diciembre de 2010. 
  6. ↑ Raggett, Dave (8 de abril de 2002). «Adding a touch of style». World Wide Web Consortium. Consultado el 8 de diciembre de 2010.  This article notes that presentational HTML markup may be useful when targeting browsers "before Netscape 4.0 and Internet Explorer 4.0" which were both released in 1997.
  7. ↑ Berners-Lee, Tim; Hendler, James; Lassila, Ora (2001). «The Semantic Web». Scientific American. Consultado el 2 de octubre de 2009. 
  8. ↑ a b Shadbolt, Nigel; Berners-Lee, Tim; Hall, Wendy (mayo/June de 2006). «The Semantic Web Revisited» (PDF). IEEE Intelligent Systems. Archivado desde el original el 20 de marzo de 2013. Consultado el 8 de diciembre de 2010. 
  9. ↑ «4.6.15». HTML5. World Wide Web Consortium. Archivado desde el original el 18 de noviembre de 2012. 
  10. ↑ «4.6.16». HTML5. World Wide Web Consortium. Archivado desde el original el 18 de noviembre de 2012. 
  11. ↑ These class names are at best suggestive rather than formally meaningful, unless they are previously shared between both creator and consumer of the content.
  12. ↑ «Well-Formed XML Documents». Extensible Markup Language (XML) 1.1. W3C. 
  13. ↑ «Rich snippets». Webmaster Central. Google. Consultado el 26 de mayo de 2010. 
  14. ↑ «Businesses and organizations - About organization information». Webmaster Central. Google. Consultado el 26 de mayo de 2010. 

Enlaces externos editar

  • schema.org An initiative from Google, Bing and Yahoo! to create and support a common set of schemas for structured data markup on web pages.
Obtenido de «https://es.wikipedia.org/w/index.php?title=HTML_semántico&oldid=158859631»