![\"Cu\u00e1ndo](\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/articulo.png\")
<\/a><\/p>\nSeg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta div. El elemento section se usa para representar una parte de un documento o art\u00edculo. Una regla general para determinar si su uso es correcto, es numerarlos. Si usando esta numeraci\u00f3n el elemento section no pierde sentido entendemos que este es un section realmente.<\/p>\n
WHATWG espec\u00edfica que un section debe ser identificado mediante un t\u00edtulo que ser\u00e1 la etiqueta hija del section, si no tenemos t\u00edtulo el validador nos dar\u00e1 una advertencia conforme en el section falta el mismo. En el caso que en el section no sea necesario el t\u00edtulo es que el elemento adecuado no es un section.<\/p>\n
Con referencia a los art\u00edculos (article) la informaci\u00f3n que encontramos en las especificaciones es:<\/p>\n
El article es definido como un componente de la p\u00e1gina de contenido independiente, esto implica que esta etiqueta pueda tener un header\u00a0 y un footer propios.<\/p>\n
\u00bfC\u00f3mo saber si la etiqueta article es correcta en una posici\u00f3n determinada?<\/p>\n
Si el contenido del article \u00a0tiene sentido sin tener en cuenta su contexto, en este caso podemos hacer uso de la etiqueta article.<\/p>\n
Aqu\u00ed ten\u00e9is unos ejemplos que os pueden ser de utilidad a la hora de diferenciar las etiquetas article y section.<\/p>\n
Un art\u00edculo sobre manzanas simple:<\/h2>\n <article>\r\n <h1>Apple<\/h1>\r\n <p>La <b>manzana<\/b> es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n ...\r\n <\/article>\r\n<\/pre>\nUn art\u00edculo sobre manzanas con un encabezado y un pie en el estilo de un blog:<\/h2>\n <article>\r\n <header>\r\n <h1>Apple<\/h1>\r\n <p>En l\u00ednea: <time pubdate=\"pubdate\">09\/10\/2009<\/time><\/p>\r\n <\/header>\r\n <p>La <b>manzana<\/b> es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n ...\r\n <footer>\r\n <p><small>Licencia Creative Commons Reconocimiento-Compartir bajo la misma<\/small><\/p>\r\n <\/footer>\r\n <\/article>\r\n<\/pre>\nUn art\u00edculo con secciones<\/h2>\n <article>\r\n <h1>Las variedades de manzanas<\/h1>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <section>\r\n <h2>Red Delicious<\/h2>\r\n <p>Estas manzanas rojas brillantes son los m\u00e1s comunes se encuentran en muchos supermercados.<\/p>\r\n <\/section>\r\n <section>\r\n <h2>Granny Smith<\/h2>\r\n <p>Estas manzanas verdes jugosas hacen un gran relleno para tartas de manzana.<\/p>\r\n <\/section>\r\n <\/article>\r\n<\/pre>\nTambi\u00e9n podemos encontrar casos en que la secci\u00f3n sea el elemento contenedor de distintos art\u00edculos relacionados:<\/h2>\n <section>\r\n <h1>Art\u00edculos sobre: Frutas<\/h1>\r\n <article>\r\n <h2>Manzana<\/h2>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Naranja<\/h2>\r\n <p>La naranja es un h\u00edbrido de origen cultivado antiguo, posiblemente entre el pomelo y la mandarina.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Pl\u00e1tano<\/h2>\r\n <p>Los pl\u00e1tanos vienen en una variedad de tama\u00f1os y colores cuando madura, incluyendo amarillo, p\u00farpura y rojo.<\/p>\r\n <\/article>\r\n <\/section>\r\n<\/pre>\nEspero que despu\u00e9s de su lectura \u00a0este art\u00edculo haya sido de ayuda para todos vosotros.<\/p>\n
Un saludo y hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saludos desde el \u00e1rea web de Espai. Me he encontrado que muchos de los alumnos que cursan HTML5\/CSS3 confunden el uso del elemento section con el elemento article o viceversa. Seg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta…<\/p>\n","protected":false},"author":20,"featured_media":3153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[338,339,14,528,207,341,15,78,342,63,340,337,36,164],"class_list":["post-3151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-article","tag-articulos","tag-diseno-web-2","tag-escola-espai","tag-escuela-espai","tag-etiquetas","tag-html","tag-html5","tag-label","tag-recursos","tag-secciones","tag-section","tag-trucos","tag-web"],"yoast_head":"\n
Cu\u00e1ndo poner section y cu\u00e1ndo article<\/title>\n<meta name=\"description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-26T13:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T14:42:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marc Santamaria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Santamaria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"author\":{\"name\":\"Marc Santamaria\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"headline\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"wordCount\":333,\"commentCount\":3,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"keywords\":[\"article\",\"art\u00edculos\",\"dise\u00f1o web\",\"Escola Espai\",\"escuela espai\",\"etiquetas\",\"HTML\",\"HTML5\",\"label\",\"Recursos\",\"secciones\",\"section\",\"trucos\",\"web\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"name\":\"Cu\u00e1ndo poner section y cu\u00e1ndo article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"description\":\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"width\":540,\"height\":270},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\",\"name\":\"Marc Santamaria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"caption\":\"Marc Santamaria\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_locale":"es_ES","og_type":"article","og_title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","og_description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","og_url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_site_name":"Blog Escola Espai","article_published_time":"2015-01-26T13:28:12+00:00","article_modified_time":"2021-09-14T14:42:53+00:00","og_image":[{"width":540,"height":270,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","type":"image\/png"}],"author":"Marc Santamaria","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marc Santamaria","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"author":{"name":"Marc Santamaria","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"headline":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"wordCount":333,"commentCount":3,"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","keywords":["article","art\u00edculos","dise\u00f1o web","Escola Espai","escuela espai","etiquetas","HTML","HTML5","label","Recursos","secciones","section","trucos","web"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","name":"Cu\u00e1ndo poner section y cu\u00e1ndo article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","width":540,"height":270},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765","name":"Marc Santamaria","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","caption":"Marc Santamaria"},"url":"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=3151"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions"}],"predecessor-version":[{"id":12292,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions\/12292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/3153"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=3151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=3151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=3151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Un art\u00edculo sobre manzanas con un encabezado y un pie en el estilo de un blog:<\/h2>\n <article>\r\n <header>\r\n <h1>Apple<\/h1>\r\n <p>En l\u00ednea: <time pubdate=\"pubdate\">09\/10\/2009<\/time><\/p>\r\n <\/header>\r\n <p>La <b>manzana<\/b> es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n ...\r\n <footer>\r\n <p><small>Licencia Creative Commons Reconocimiento-Compartir bajo la misma<\/small><\/p>\r\n <\/footer>\r\n <\/article>\r\n<\/pre>\nUn art\u00edculo con secciones<\/h2>\n <article>\r\n <h1>Las variedades de manzanas<\/h1>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <section>\r\n <h2>Red Delicious<\/h2>\r\n <p>Estas manzanas rojas brillantes son los m\u00e1s comunes se encuentran en muchos supermercados.<\/p>\r\n <\/section>\r\n <section>\r\n <h2>Granny Smith<\/h2>\r\n <p>Estas manzanas verdes jugosas hacen un gran relleno para tartas de manzana.<\/p>\r\n <\/section>\r\n <\/article>\r\n<\/pre>\nTambi\u00e9n podemos encontrar casos en que la secci\u00f3n sea el elemento contenedor de distintos art\u00edculos relacionados:<\/h2>\n <section>\r\n <h1>Art\u00edculos sobre: Frutas<\/h1>\r\n <article>\r\n <h2>Manzana<\/h2>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Naranja<\/h2>\r\n <p>La naranja es un h\u00edbrido de origen cultivado antiguo, posiblemente entre el pomelo y la mandarina.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Pl\u00e1tano<\/h2>\r\n <p>Los pl\u00e1tanos vienen en una variedad de tama\u00f1os y colores cuando madura, incluyendo amarillo, p\u00farpura y rojo.<\/p>\r\n <\/article>\r\n <\/section>\r\n<\/pre>\nEspero que despu\u00e9s de su lectura \u00a0este art\u00edculo haya sido de ayuda para todos vosotros.<\/p>\n
Un saludo y hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saludos desde el \u00e1rea web de Espai. Me he encontrado que muchos de los alumnos que cursan HTML5\/CSS3 confunden el uso del elemento section con el elemento article o viceversa. Seg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta…<\/p>\n","protected":false},"author":20,"featured_media":3153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[338,339,14,528,207,341,15,78,342,63,340,337,36,164],"class_list":["post-3151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-article","tag-articulos","tag-diseno-web-2","tag-escola-espai","tag-escuela-espai","tag-etiquetas","tag-html","tag-html5","tag-label","tag-recursos","tag-secciones","tag-section","tag-trucos","tag-web"],"yoast_head":"\n
Cu\u00e1ndo poner section y cu\u00e1ndo article<\/title>\n<meta name=\"description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-26T13:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T14:42:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marc Santamaria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Santamaria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"author\":{\"name\":\"Marc Santamaria\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"headline\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"wordCount\":333,\"commentCount\":3,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"keywords\":[\"article\",\"art\u00edculos\",\"dise\u00f1o web\",\"Escola Espai\",\"escuela espai\",\"etiquetas\",\"HTML\",\"HTML5\",\"label\",\"Recursos\",\"secciones\",\"section\",\"trucos\",\"web\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"name\":\"Cu\u00e1ndo poner section y cu\u00e1ndo article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"description\":\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"width\":540,\"height\":270},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\",\"name\":\"Marc Santamaria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"caption\":\"Marc Santamaria\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_locale":"es_ES","og_type":"article","og_title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","og_description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","og_url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_site_name":"Blog Escola Espai","article_published_time":"2015-01-26T13:28:12+00:00","article_modified_time":"2021-09-14T14:42:53+00:00","og_image":[{"width":540,"height":270,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","type":"image\/png"}],"author":"Marc Santamaria","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marc Santamaria","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"author":{"name":"Marc Santamaria","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"headline":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"wordCount":333,"commentCount":3,"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","keywords":["article","art\u00edculos","dise\u00f1o web","Escola Espai","escuela espai","etiquetas","HTML","HTML5","label","Recursos","secciones","section","trucos","web"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","name":"Cu\u00e1ndo poner section y cu\u00e1ndo article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","width":540,"height":270},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765","name":"Marc Santamaria","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","caption":"Marc Santamaria"},"url":"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=3151"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions"}],"predecessor-version":[{"id":12292,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions\/12292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/3153"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=3151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=3151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=3151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Un art\u00edculo con secciones<\/h2>\n <article>\r\n <h1>Las variedades de manzanas<\/h1>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <section>\r\n <h2>Red Delicious<\/h2>\r\n <p>Estas manzanas rojas brillantes son los m\u00e1s comunes se encuentran en muchos supermercados.<\/p>\r\n <\/section>\r\n <section>\r\n <h2>Granny Smith<\/h2>\r\n <p>Estas manzanas verdes jugosas hacen un gran relleno para tartas de manzana.<\/p>\r\n <\/section>\r\n <\/article>\r\n<\/pre>\nTambi\u00e9n podemos encontrar casos en que la secci\u00f3n sea el elemento contenedor de distintos art\u00edculos relacionados:<\/h2>\n <section>\r\n <h1>Art\u00edculos sobre: Frutas<\/h1>\r\n <article>\r\n <h2>Manzana<\/h2>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Naranja<\/h2>\r\n <p>La naranja es un h\u00edbrido de origen cultivado antiguo, posiblemente entre el pomelo y la mandarina.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Pl\u00e1tano<\/h2>\r\n <p>Los pl\u00e1tanos vienen en una variedad de tama\u00f1os y colores cuando madura, incluyendo amarillo, p\u00farpura y rojo.<\/p>\r\n <\/article>\r\n <\/section>\r\n<\/pre>\nEspero que despu\u00e9s de su lectura \u00a0este art\u00edculo haya sido de ayuda para todos vosotros.<\/p>\n
Un saludo y hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saludos desde el \u00e1rea web de Espai. Me he encontrado que muchos de los alumnos que cursan HTML5\/CSS3 confunden el uso del elemento section con el elemento article o viceversa. Seg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta…<\/p>\n","protected":false},"author":20,"featured_media":3153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[338,339,14,528,207,341,15,78,342,63,340,337,36,164],"class_list":["post-3151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-article","tag-articulos","tag-diseno-web-2","tag-escola-espai","tag-escuela-espai","tag-etiquetas","tag-html","tag-html5","tag-label","tag-recursos","tag-secciones","tag-section","tag-trucos","tag-web"],"yoast_head":"\n
Cu\u00e1ndo poner section y cu\u00e1ndo article<\/title>\n<meta name=\"description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-26T13:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T14:42:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marc Santamaria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Santamaria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"author\":{\"name\":\"Marc Santamaria\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"headline\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"wordCount\":333,\"commentCount\":3,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"keywords\":[\"article\",\"art\u00edculos\",\"dise\u00f1o web\",\"Escola Espai\",\"escuela espai\",\"etiquetas\",\"HTML\",\"HTML5\",\"label\",\"Recursos\",\"secciones\",\"section\",\"trucos\",\"web\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"name\":\"Cu\u00e1ndo poner section y cu\u00e1ndo article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"description\":\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"width\":540,\"height\":270},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\",\"name\":\"Marc Santamaria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"caption\":\"Marc Santamaria\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_locale":"es_ES","og_type":"article","og_title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","og_description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","og_url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_site_name":"Blog Escola Espai","article_published_time":"2015-01-26T13:28:12+00:00","article_modified_time":"2021-09-14T14:42:53+00:00","og_image":[{"width":540,"height":270,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","type":"image\/png"}],"author":"Marc Santamaria","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marc Santamaria","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"author":{"name":"Marc Santamaria","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"headline":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"wordCount":333,"commentCount":3,"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","keywords":["article","art\u00edculos","dise\u00f1o web","Escola Espai","escuela espai","etiquetas","HTML","HTML5","label","Recursos","secciones","section","trucos","web"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","name":"Cu\u00e1ndo poner section y cu\u00e1ndo article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","width":540,"height":270},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765","name":"Marc Santamaria","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","caption":"Marc Santamaria"},"url":"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=3151"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions"}],"predecessor-version":[{"id":12292,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions\/12292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/3153"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=3151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=3151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=3151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Tambi\u00e9n podemos encontrar casos en que la secci\u00f3n sea el elemento contenedor de distintos art\u00edculos relacionados:<\/h2>\n <section>\r\n <h1>Art\u00edculos sobre: Frutas<\/h1>\r\n <article>\r\n <h2>Manzana<\/h2>\r\n <p>La manzana es la fruta de la semilla de la manzana del \u00e1rbol.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Naranja<\/h2>\r\n <p>La naranja es un h\u00edbrido de origen cultivado antiguo, posiblemente entre el pomelo y la mandarina.<\/p>\r\n <\/article>\r\n <article>\r\n <h2>Pl\u00e1tano<\/h2>\r\n <p>Los pl\u00e1tanos vienen en una variedad de tama\u00f1os y colores cuando madura, incluyendo amarillo, p\u00farpura y rojo.<\/p>\r\n <\/article>\r\n <\/section>\r\n<\/pre>\nEspero que despu\u00e9s de su lectura \u00a0este art\u00edculo haya sido de ayuda para todos vosotros.<\/p>\n
Un saludo y hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saludos desde el \u00e1rea web de Espai. Me he encontrado que muchos de los alumnos que cursan HTML5\/CSS3 confunden el uso del elemento section con el elemento article o viceversa. Seg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta…<\/p>\n","protected":false},"author":20,"featured_media":3153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[338,339,14,528,207,341,15,78,342,63,340,337,36,164],"class_list":["post-3151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-article","tag-articulos","tag-diseno-web-2","tag-escola-espai","tag-escuela-espai","tag-etiquetas","tag-html","tag-html5","tag-label","tag-recursos","tag-secciones","tag-section","tag-trucos","tag-web"],"yoast_head":"\n
Cu\u00e1ndo poner section y cu\u00e1ndo article<\/title>\n<meta name=\"description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:description\" content=\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-26T13:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T14:42:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marc Santamaria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Santamaria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"author\":{\"name\":\"Marc Santamaria\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"headline\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"},\"wordCount\":333,\"commentCount\":3,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"keywords\":[\"article\",\"art\u00edculos\",\"dise\u00f1o web\",\"Escola Espai\",\"escuela espai\",\"etiquetas\",\"HTML\",\"HTML5\",\"label\",\"Recursos\",\"secciones\",\"section\",\"trucos\",\"web\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\",\"name\":\"Cu\u00e1ndo poner section y cu\u00e1ndo article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"datePublished\":\"2015-01-26T13:28:12+00:00\",\"dateModified\":\"2021-09-14T14:42:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"description\":\"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png\",\"width\":540,\"height\":270},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\",\"name\":\"Marc Santamaria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"caption\":\"Marc Santamaria\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_locale":"es_ES","og_type":"article","og_title":"Cu\u00e1ndo poner section y cu\u00e1ndo article","og_description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","og_url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","og_site_name":"Blog Escola Espai","article_published_time":"2015-01-26T13:28:12+00:00","article_modified_time":"2021-09-14T14:42:53+00:00","og_image":[{"width":540,"height":270,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","type":"image\/png"}],"author":"Marc Santamaria","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marc Santamaria","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"author":{"name":"Marc Santamaria","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"headline":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"},"wordCount":333,"commentCount":3,"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","keywords":["article","art\u00edculos","dise\u00f1o web","Escola Espai","escuela espai","etiquetas","HTML","HTML5","label","Recursos","secciones","section","trucos","web"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","url":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/","name":"Cu\u00e1ndo poner section y cu\u00e1ndo article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","datePublished":"2015-01-26T13:28:12+00:00","dateModified":"2021-09-14T14:42:53+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"description":"A veces se confunde el uso del elemento section con el elemento article o viceversa. En este art\u00edculo te explicamos cu\u00e1ndo poner section y cu\u00e1ndo article","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","width":540,"height":270},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/cuando-debemos-poner-section-y-cuando-article\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfCu\u00e1ndo debemos poner \u201csection\u201d y cu\u00e1ndo \u201carticle\u201d?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765","name":"Marc Santamaria","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","caption":"Marc Santamaria"},"url":"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/section.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=3151"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions"}],"predecessor-version":[{"id":12292,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3151\/revisions\/12292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/3153"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=3151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=3151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=3151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Espero que despu\u00e9s de su lectura \u00a0este art\u00edculo haya sido de ayuda para todos vosotros.<\/p>\n
Un saludo y hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saludos desde el \u00e1rea web de Espai. Me he encontrado que muchos de los alumnos que cursan HTML5\/CSS3 confunden el uso del elemento section con el elemento article o viceversa. Seg\u00fan WHATWG section no es un elemento contenedor gen\u00e9rico, para eso ya tenemos la etiqueta…<\/p>\n","protected":false},"author":20,"featured_media":3153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[338,339,14,528,207,341,15,78,342,63,340,337,36,164],"class_list":["post-3151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-article","tag-articulos","tag-diseno-web-2","tag-escola-espai","tag-escuela-espai","tag-etiquetas","tag-html","tag-html5","tag-label","tag-recursos","tag-secciones","tag-section","tag-trucos","tag-web"],"yoast_head":"\n