¿Qué es el marcado semántico y por qué querría usar eso?

Question

Como dice.

Answer 1

Usando el marcado semántico significa que el (X) HTML que se utiliza en una página contiene metadatos que describen su propósito - por ejemplo, un <h2> que contiene el nombre de un empleado podría estar marcado class="employee-name". Originalmente había algunas personas que esperaban que los motores de búsqueda utilizaran esta información, pero a medida que la web ha evolucionado, el marcado semántico se ha utilizado principalmente para proporcionar enganches para CSS.

Con CSS y marcado semántico, puede mantener el diseño visual de la página separado del marcado. Esto se traduce en un ahorro de ancho de banda, ya que el diseño solo debe descargarse una vez y es más fácil modificar el diseño porque no está mezclado con el marcado.

---

Otro punto es que los elementos utilizados deben tener una relación lógica con los datos contenidos dentro de ellos. Por ejemplo, las tablas se deben usar para datos tabulares, <p> se deben usar para párrafos textuales, <ul> se deben usar para listas desordenadas, etc. Esto está en contraste con los diseños web iniciales, que a menudo usan tablas para todo.

Answer 2

De http://www.digital-web.com/articles/writing_semantic_markup/:

el marcado semántico es marcado que es lo suficientemente descriptivo como para permitir que nosotros y las máquinas que se programa para reconocer y tomar decisiones al respecto. En otras palabras, el marcado significa algo cuando podemos identificarlo y hacer cosas útiles con él. De esta forma, el marcado semántico se convierte en algo más que meramente descriptivo. Se convierte en un mecanismo brillante que permite que tanto los humanos como las máquinas "entiendan" la misma información.

Answer 3

Semántica significa literalmente el uso de un lenguaje "significativo"; en Desarrollo web, esto básicamente significa usar etiquetas e identificadores que describen el contenido.

Por ejemplo, la aplicación de los identificadores como #navigation, #header y #content a su <div> etiquetas, en lugar de #Left y #main, o el uso de listas no ordenadas para obtener una lista de los enlaces de navegación, en lugar de una tabla .

Los principales beneficios se encuentran en el mantenimiento futuro; puede cambiar fácilmente el diseño o la presentación sin perder el significado de su contenido. Su barra de navegación puede moverse de izquierda a derecha, o sus enlaces se muestran horizontalmente en lugar de verticalmente, sin perder el significado.

Answer 4

Además del objetivo ya mencionado de permitir que el software 'entienda' los datos, hay más aplicaciones prácticas para usarlo para traducir entre ontologías, o para mapear representaciones de datos no similares, sin tener que traducir o estandarizar el datos (que pueden provocar la pérdida de información y, por lo general, no le permiten mejorar su comprensión en el futuro).

Hubo al menos 2 sesiones en OSCon este año relacionadas con el uso de tecnologías semánticas. Uno de ellos era el bigdata (diapositivas están disponibles aquí:. http://en.oreilly.com/oscon2008/public/schedule/proceedings, el otro era los chicos de FreeBase

bigdata estaba usando para mapear entre dos modelos de datos dis-similar (incluyendo el uso de lenguajes de consulta que fueron creados específicamente para trabajar con conjuntos de datos semánticos). FreeBase está mapeando entre diferentes conjuntos de datos y luego realizando análisis adicionales para derivar el significado a través de esos conjuntos de datos.

Temas relacionados a mirar en: OWL, OQL, SPARQL, Franz (AllegroGraph, RacerPRO y TopBraid).

Answer 5

Este es un ejemplo de un sitio web etiquetado semánticamente HTML5 que he estado trabajando que utiliza los Micro-formatos recientemente aceptados como se especifica en http://schema.org junto con los nuevos elementos de etiquetado semánticos de HTML5.

http://blog-to-book.com/view/stuff/about/semantic%20web

de Google tiene una herramienta de prueba de marcado semántico útil que te mostrará cómo la adición de etiquetas semánticas de contenido permite a los motores de búsqueda 'entender' mucho más acerca de sus páginas web.

Aquí es el instrumento de medida: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout%2Fsemantic+web&view=

Note como Google ahora sabe que las 'cosas' en la página son los libros, y tienen un identificador ISBN13. Agregar metadatos adicionales, como precio y autor, permite hacer más inferencias.

Espero que esto te indique algunas direcciones interesantes. Se puede lograr un etiquetado semántico más detallado utilizando Good Relations Ontology, que es prácticamente el más exhaustivo que se me ocurre en este momento.