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?
ประกาศบน - Last Modified on
บทความที่เกี่ยวข้อง
Navigating the Freelancer's Mind: Understanding Mental Health Conditions
โดย Russell John -
Exploring different mental health conditions that can affect freelancers working from home and insights on how to address and manage these challenges.
The Beginner's Guide to Freelancer: Tips and Tricks
โดย MarsaaDigitals -
This article explores the world of freelance work, which has become increasingly popular in recent years. It provides valuable insights into the keys
- งานฟรีแลนซ์
- 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?
โดย 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.
Navigating the Freelancer's Mind: Understanding Mental Health Conditions
โดย Russell John -
Exploring different mental health conditions that can affect freelancers working from home and insights on how to address and manage these challenges.
The Freelancer.com Bid Ranking Guide
โดย deHaaas -
Find out which factors affect your Freelancer.com ranking, and learn how to improve your visibility.
Essential Freelancer Etiquette
โดย Russell John -
Essential etiquette tips that freelancers should follow while working as a professional freelancer.