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?
Posted on - Last Modified on
Related Articles
- Freelancing
- business plans
- milestones
- freelancing
- bidding
- profiles
- preferred freelancer program
- freelancing secrets
- freelancer.com
- freelancer profiles
- freelancing tips
- recruiter
- corporate
- recruiter upgrade
- annual membership
Freelancing with Freelancer.Can You Really Make a Living Freelancing?
by CODETREE -
Freelancer is, in my opinion, an excellent resource for searching for freelance work. All we need to do is find out how to best develop our profile.
The Most Important UX Components For Magento Store Owners
by elsnertech -
In this article, the focus is on the most components of UX design that store owners should prioritize in order to enhance the experience.
- Freelancing
- technical writing
- milestones
- freelancing
- bidding
- freelancing secrets
- employers
- beginner
- content creation
- freelancers
Everything you need to know about writing bid proposal
by RINAN TECHNOLOGIES -
Our first article explaining the bidding process on any of the freelancer platform to help the beginners to understand the process.
What is the Preferred Freelancer Program?
by ldarmody -
We are looking for the best of the best freelancers who pride themselves in their workmanship and customer service abilities.
Freelancer Scams: 10 Red Flags and Warning Signs
Occasionally a fraudulent client or scammer will post a project, causing trouble for freelancers. Find out how you can spot the early warning signs.
The Freelancer Trust Score
by flDyan -
Learn how trust score can help you get more work.