Desde hace mucho tiempo ha existido unas dudas respecto a si las etiquetas del html influían en el posicionamiento
Existe un debate entre si usar b o strong, la etiqueta i o em, e incluso en qué momento usar tablas o div. Pues bien, Google ha publicado un artículo en el que intenta aclararlo todo. Cito textualmente lo publicado respecto a las etiquetas b, strong, i, em: (en inglés)
b | “a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened” | <p>The <b>frobonitor</b> and <b>barbinator</b> components are fried. |
---|---|---|
strong | “strong importance for its contents” | <p><strong>Warning.</strong> This dungeon is dangerous. |
i | “a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized” | <p>The term <i>prose content</i> is defined above. |
em | “stress emphasis of its contents” | <p><em>Cats</em> are cute animals. |
Como se puede observar, ninguna esta en desuso, sino todo lo contrario. Según Jens O. Meiert, Senior Web Architect, Google Webmaster Team, cada etiqueta tiene su sitio dentro del texto, sólo es usarla en el momento adecuado.
Respecto a el uso de tablas o div es también muy claro:
Don’t | Do | Reason |
---|---|---|
<p class"heading">foo</p> | <h1>foo</h1> | For headings there are heading elements. |
<p><font size="2">bar</font></p> | <p>bar</p> p { font-size: 1em; } | Presentational markup is expensive to maintain. |
<table> <tr> <td>baz</td> </tr> <tr> <td>scribble</td> </tr> </table> | <h1>baz</h1> <p>scribble</p> | Use table elements for tabular data. |
<div>foo</div> <div>1</div> <div>bar</div> <div>2</div> | <table> <tr> <th>foo</th> <td>1</td> </tr> <tr> <th>bar</th> <td>2</td> </tr> </table> | Use table elements for tabular data. |
foo bar.<br><br>baz scribble. | <p>foo bar.</p> <p>baz scribble.</p> | Denote paragraphs by paragraph elements, not line breaks. |
En definitiva, nada de chapuzas, las tablas para elementos de datos tabulares y para los demás div.
También hace referencia a los elementos que hay que evitar usar y así conseguir el mismo resultado con hojas de estilo. Los elementos son:
– Center
– Font
– U
– S
Espero que desde Kido Estudio hayamos ayudados a solventar cualquier duda que pudieran tener al respecto. Pónganse en contacto con nosotros en caso de que necesiten asesoramiento, estaremos encantados de ayudarles en todo lo posible.
Con el paso de los años, CSS se está haciendo cada vez más potente y… Leer más
Al igual que un artista mejora su técnica con la práctica constante, un programador aprende… Leer más
WordPress es, probablemente, el mayor CMS para la creación de páginas web en el mundo.… Leer más
Guste más o menos, Wordpress está detrás de un alto porcentaje de las webs activas… Leer más
Hoy, la gente de Xataka ha publicado un artículo muy interesante hablando de Estonia. Parece… Leer más
Aunque todos lo conocemos, seguro que hay algún despistado al que lo de Google reCAPTCHA… Leer más