{"id":34,"date":"2007-03-26T21:09:48","date_gmt":"2007-03-26T20:09:48","guid":{"rendered":"http:\/\/www.loretahur.net\/AprendiendoCSS\/atributos-%e2%80%9cimport-vs-link%e2%80%9d\/"},"modified":"2008-01-04T01:17:19","modified_gmt":"2008-01-04T00:17:19","slug":"atributos-%e2%80%9cimport-vs-link%e2%80%9d","status":"publish","type":"post","link":"http:\/\/www.loretahur.net\/AprendiendoCSS\/atributos-%e2%80%9cimport-vs-link%e2%80%9d\/","title":{"rendered":"Atributos: \u201c@import vs link\u201d"},"content":{"rendered":"<p>Bueno, despu\u00e9s de un tiempo de inactividad (creo que <a href=\"http:\/\/blog.loretahur.net\">Loretahur<\/a> est\u00e1 peor que yo, si es que esto de apuntarnos a tantas cosas\u2026) volvemos con un post algo m\u00e1s \u201ct\u00e9cnico\u201d para intentar resolver una de las dudas que salieron al principo de este blog.<\/p>\n<p>Y es que no hace mucho Loretahur escribi\u00f3 un <a href=\"http:\/\/www.loretahur.net\/AprendiendoCSS\/como-aplicamos-el-css\/\">post<\/a> sobre las diversas formas de a\u00f1adir los estilos a una p\u00e1gina web, a partir del cual, entre los comentarios, volvi\u00f3 a resurgir el famoso debate entre @import y links.<\/p>\n<p>Bueno, siempre que salga una duda de usabilidad o de dualidad entre varias opciones, lo mejor ser\u00eda recurrir al gran or\u00e1culo. Los del w3c (no, google no siempre es el gran or\u00e1culo) y escuch\u00e1ndolos resulta que lo <strong>recomendable para linkar una p\u00e1gina de estilos desde una p\u00e1gina web es usar el links siempre frente el @import*<\/strong>.<\/p>\n<p>Los del w3c han hablado, nosotros aceptamos.<\/p>\n<p>Con lo cual, todo resuelto. Post acabado.<\/p>\n<p>Lo que pasa es que, como somos buenos estudiantes, y no tenemos por que creer nunca a nadie a pies juntillas, al menos, hasta que nos de razones de peso, pues, ahora si, haciendo uso de google, buscamos las posibles ventajas\/desventajas de ambos para comprender porque usar link frente a @import (la mayor\u00eda son meramente subjetivas, pero claro, dentro de la accesibilidad web, que no es subjetivo?).<\/p>\n<p>    * Ciertos navegadores <strong>no aceptan<\/strong> la sentencia @import: Es, por ejemplo el caso de cualquier versi\u00f3n del IExplorer anterior a 4.0. Aunque muchos dise\u00f1adores lo suelen utilizar para discriminar navegadores web antiguos, no es una t\u00e9cnica demasiado buena.<br \/>\n    * @import, <strong>siempre debe ir al principio del c\u00f3digo<\/strong>: Ya sea dentro de las etiquetas<source><style><\/style>\n<p><\/source> o en una hoja externa, @import siempre deber\u00eda ir al principio, lo cual fija bastante el c\u00f3digo (aunque es cierto que <link> solo deber\u00eda ir dentro de los heads de la web ).<br \/>\n    * En contra de lo que se <a href=\"http:\/\/www.loretahur.es\/AprendiendoCSS\/como-aplicamos-el-css\/#comments\">comentaba en el post anterior<\/a>, para lograr <strong>una mejor web sem\u00e1ntica<\/strong>, es mejor el uso de link ya que aporta m\u00e1s informaci\u00f3n al navegador web que debe recibir la informaci\u00f3n y tratarla. Aparte de que para incluir @import en la p\u00e1gina web, debes a\u00f1adirla mediante las etiquetas <\/p>\n<style><\/style>\n<p>, a\u00f1adiendo estilos dentro de la p\u00e1gina web, algo no muy recomendable. Lo cual nos lleva al siguiente punto.<br \/>\n    * Para incluir @import en una hoja, <strong>debes crear una secci\u00f3n <\/p>\n<style><\/style>\n<p> dentro del html<\/strong>. Lo cual hace a\u00f1adir m\u00e1s c\u00f3digo del que posiblemente sea necesario.<br \/>\n    * @import est\u00e1 pensado para <strong>incluirse dentro de las hojas de estilo<\/strong>, su uso es poder enlazar hojas de estilo dentro de hojas de estilo. Para enlazar cualquier archivos externos dentro de html existe el <a href=\"http:\/\/www.w3schools.com\/tags\/tag_link.asp\">link<\/a>.<br \/>\n    * T\u00e9cnicamente, @import <strong>\u201cembebe\u201d el c\u00f3digo enlazado dentro de la p\u00e1gina web<\/strong>, sin embargo, mediante <\/link><link> los navegadores tratan el c\u00f3digo como externo sin introducirlo en la p\u00e1gina. (Esto lo le\u00ed hace bastante tiempo, actualmente no se si seguir\u00e1 siendo igual, o no)<\/p>\n<p>Bueno, despu\u00e9s de estas razones, creo que deber\u00edamos aceptar las preferencias de la W3C sobre el uso de links. Aunque sin descartar el uso de @import!<\/p>\n<p>* Y como he averiguado eso?? Donde lo han dicho?? Seguro que por alg\u00fan lado encontrar\u00edais un art\u00edculo t\u00e9cnico al respecto, pero yo he sido m\u00e1s vago y si mir\u00e1is el c\u00f3digo de w3.org resulta que no hay ning\u00fan @import y si muchos <\/link><link><\/link>\n","protected":false},"excerpt":{"rendered":"<p>Bueno, despu\u00e9s de un tiempo de inactividad (creo que Loretahur est\u00e1 peor que yo, si es que esto de apuntarnos a tantas cosas\u2026) volvemos con un post algo m\u00e1s \u201ct\u00e9cnico\u201d para intentar resolver una de las dudas que salieron al principo de este blog. Y es que no hace mucho Loretahur escribi\u00f3 un post sobre [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,1,5],"tags":[],"_links":{"self":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/34"}],"collection":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}