Hace años que desterramos la maquetación con tablas para dar paso a un HTML más semántico. ¿Qué quiere decir esto y por qué es mejor? 
Al maquetar una web podríamos perfectamente usar <div> para todos los elementos del marcado, sin embargo, utilizamos etiquetas como <ul>, <h1>, <aside>... Con esto no nos limitamos a crear el contenido, sino que además le otorgamos significado. Una página web debe ser vista como un documento, al que luego se le añadirá una capa de estilos y otra de funcionalidades para convertirla en una experiencia más visual e interactiva. Pero sigue siendo un documento, y de hecho las máquinas lo interpretan como tal. Para que una máquina no sólo tenga acceso al contenido del documento, sino que pueda estructurar su información y de algún modo interpretar qué es importante, qué elemento está presentando a otros, qué elementos sirven para navegar por el documento, entonces necesitamos decirle a la máquina qué es cada elemento, no sólo qué información contiene. Se trata de convertir información hecha para consumo humano en datos que puedan ser manejados por ordenadores. De este modo, una persona podrá interpretar una web, pero también podrá hacerlo un motor de búsqueda como Google, un lector RSS o un navegador para ciegos. Un HTML semántico nos ofrece las siguientes ventajas: - Le da significado, como decíamos, al contenido de la web, haciéndolo más comprensible para los programas que accedan a ella y permitiendo a éstos trabajar con más eficacia. Por ejemplo, un buscador podrá entender de qué trata una página a través de sus encabezados <h1>, <h2>... y así podrá ofrecer mejores resultados en las búsquedas. - Es en general más accesible. Si todo el significado del contenido se lo damos mediante características visuales, habrá muchos usuarios que no tendrán una experiencia correcta al visitar nuestra web, porque utilizan navegadores que necesitan interpretar la información por ellos. - El código es más comprensible para los desarrolladores. Si estás enfrentándote a un código de otro, te será más fácil y rápido entender un <h1> o un <blockquote> que un <div>. - Sirve para aportar algo de orden en la gran colección desordenada de libros que ha sido internet hasta hace muy poco. En definitiva, la web semántica (llamada por algunos web 3.0) es más inteligente y más apta para que nos entendamos mucho mejor con nuestros dispositivos, y además ya se está utilizando en muchas aplicaciones actuales. ¿Cuál es vuestra experiencia? ¿Seguís maquetando con tablas? ¿Le dais importancia a la semántica de vuestro código HTML?
¿Por qué una web semántica?
Pubblicato il - Ultima modifica il
