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?
Slået op d. - Sidst ændret d.
Relaterede artikler
5 Natural Ways Freelancers Can Beat Seasonal Depression and Stay Productive
af Saleh B. -
Prioritizing natural remedies such as exercise, sunlight exposure, connection, mindfulness, and a healthy diet can help freelancers beat depression.
- Freelancing
- freelancing secrets
- careers
- freelancer success story
- freelancer tips
- freelancer lifestyle
A Night in the Life: The Overthinking that Differentiates Freelancers from Ordinary Life
af BiLS IMAGING -
Explore the thought-filled nights of freelancers in 'Freelance Vs. Ordinary Life: A Night in the Life of Overthinking Freelancers.
Freelance Your Way to Success: The Ultimate Guide to Landing Your First Job on Freelancer.com
af Saleh B. -
This article provides a comprehensive guide on how to land your first job on Freelancer.com, including tips on how to land a project on Freelancer.com
It's Now Easier to Manage Hourly Projects
af Dianna H. -
See the new look and exciting features of the redesigned Hourly Project page
Navigating the Freelancer's Mind: Understanding Mental Health Conditions
af Russell John -
Exploring different mental health conditions that can affect freelancers working from home and insights on how to address and manage these challenges.
What is the Preferred Freelancer Program?
af ldarmody -
We are looking for the best of the best freelancers who pride themselves in their workmanship and customer service abilities.