{"id":1651,"date":"2013-01-23T09:00:37","date_gmt":"2013-01-23T08:00:37","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=1651"},"modified":"2012-12-30T12:20:49","modified_gmt":"2012-12-30T11:20:49","slug":"html5-doctor-2","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2013\/01\/23\/html5-doctor-2\/","title":{"rendered":"HTML5 Doctor"},"content":{"rendered":"

HTML5 Doctor<\/a> es un sitio web en el que se explica HTML y las novedades de HTML5.<\/p>\n

Lo m\u00e1s interesante de este sitio web es que no se limita \u00fanicamente a los aspectos t\u00e9cnicos, es decir, a lo que podemos encontrar en cualquier referencia sobre el lenguaje, sino que explica c\u00f3mo usar las etiquetas en diferentes situaciones.<\/p>\n

Por ejemplo, \u00bfcu\u00e1l es la diferencia entre <article> y <section>? En este sitio web nos dan su opini\u00f3n:<\/p>\n

There\u2019s been\u00a0a lot of confusion<\/a>\u00a0over the difference (or perceived lack of a difference) between the\u00a0<article><\/code>\u00a0and\u00a0<section><\/code>\u00a0elements inHTML<\/abbr>5. The\u00a0<article><\/code>\u00a0element is a specialised kind of\u00a0<section><\/code>; it has a more specific semantic meaning than\u00a0<section><\/code>\u00a0in that it isan independent, self-contained<\/strong>\u00a0block of related content. Wecould<\/em>\u00a0use\u00a0<section><\/code>, but using\u00a0<article><\/code>\u00a0gives more semantic meaning to the content.<\/p>\n

By contrast\u00a0<section><\/code>\u00a0is only a block of\u00a0related<\/em>\u00a0content, and\u00a0<div><\/code>\u00a0is only a block of content. Also as mentioned above the\u00a0pubdate<\/code>\u00a0attribute doesn\u2019t apply to\u00a0<section><\/code>. To decide which of these three elements is appropriate, choose the first suitable option:<\/p>\n

    \n
  1. Would the content would make sense on its own in a feed reader? If so use\u00a0<article><\/code><\/li>\n
  2. Is the content related? If so use\u00a0<section><\/code><\/li>\n
  3. Finally if there\u2019s no semantic relationship use\u00a0<div><\/code><\/li>\n<\/ol>\n

    Dr Bruce<\/a>\u00a0has written\u00a0HTML5\u00a0<article><\/code>s and\u00a0<section><\/code>s, what\u2019s the difference?<\/a>, so we recommend reading that if you are still fuzzy on when to use\u00a0<article><\/code>.<\/p><\/blockquote>\n

    \"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    HTML5 Doctor es un sitio web en el que se explica HTML y las novedades de HTML5. Lo m\u00e1s interesante de este sitio web es que no se limita \u00fanicamente a los aspectos t\u00e9cnicos, es decir, a lo que podemos …<\/p>\n

    HTML5 Doctor<\/span> Leer M\u00e1s »<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[26926],"class_list":["post-1651","post","type-post","status-publish","format-standard","hentry","category-general","tag-html5"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=1651"}],"version-history":[{"count":4,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1651\/revisions"}],"predecessor-version":[{"id":2178,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/1651\/revisions\/2178"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=1651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=1651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=1651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}