{"id":67,"date":"2014-05-20T00:22:20","date_gmt":"2014-05-20T05:22:20","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/openmind\/wordpress\/?p=67"},"modified":"2021-12-06T11:58:34","modified_gmt":"2021-12-06T16:58:34","slug":"como-usar-etiquetas-de-seccionamiento-html5","status":"publish","type":"post","link":"https:\/\/www.apdi.co\/blog\/como-usar-etiquetas-de-seccionamiento-html5\/","title":{"rendered":"C\u00f3mo Usar Etiquetas de Seccionamiento HTML5"},"content":{"rendered":"

Anoche estaba leyendo una entrada<\/a> del blog del equipo de Treehouse, y me gust\u00f3 mucho la explicaci\u00f3n que dan sobre los diferentes elementos de seccionamiento HTML5, tanto que me ha hecho escribir una especie de resumen sobre el tema basado en lo que plantean.<\/p>\n

Como ya sabemos las nuevas etiquetas de la especificaci\u00f3n HTML en la versi\u00f3n 5, hacen que la web tenga m\u00e1s significado para los programas inform\u00e1ticos que se aventuran a trav\u00e9s \u00a0de ella. Es importante saber utilizar las etiquetas de manera correcta en nuestros desarrollos independientemente si son p\u00e1ginas web o webapps.<\/p>\n

Etiqueta <main><\/em><\/h2>\n

La etiqueta <main><\/em>\u00a0deber\u00eda contener la informaci\u00f3n principal del sitio, solo debe ser declarada una vez por p\u00e1gina y todo el contenido que hay dentro debe ser \u00fanico, es decir, logos, cajas de b\u00fasqueda, links del footer no deber\u00edan estar dentro de la etiqueta.<\/p>\n

Etiqueta <article><\/h2>\n

Su contenido es fragmentos de informaci\u00f3n totalmente independientes, (no hay mucho que decir aqu\u00ed), por otro lado, se puede anidar una etiqueta <article><\/em> dentro de otra,\u00a0esto ocurre cuando los dos elementos tiene una relaci\u00f3n entre si.<\/p>\n

Etiqueta <section><\/h2>\n

La informaci\u00f3n que va en esta etiqueta deber\u00eda pertenecer a una mismo t\u00f3pico, tema o contenido relacionado, como la etiqueta <article><\/em>, la etiqueta <section><\/em> tambi\u00e9n permite anidamiento solo si hay una relaci\u00f3n entre ambas secciones, <section><\/em> ser declarada dentro de una etiqueta <article><\/em>.<\/p>\n

Etiqueta <nav><\/h2>\n

Esta etiqueta deber\u00eda contener links externos al sitio o a secciones de la misma p\u00e1gina actual. Tambi\u00e9n es utilizada para definir el men\u00fa de navegaci\u00f3n principal del sitio.<\/p>\n

Etiqueta <aside><\/h2>\n

Esta etiqueta define informaci\u00f3n que esta relacionado con el contenido circundante de p\u00e1gina, pero puede ser considerada por aparte.<\/p>\n

Etiqueta <header><\/h2>\n

Esta etiqueta deber\u00eda contener informaci\u00f3n de introducci\u00f3n a una p\u00e1gina web, por lo general contiene titulares de una entrada de post o articulos.<\/p>\n

Etiqueta <footer><\/h2>\n

Esta etiqueta deber\u00eda contener informaci\u00f3n sobre una secci\u00f3n, como informaci\u00f3n de un autor y datos referentes a una entrada de blog.<\/p>\n

Etiqueta <address><\/h2>\n

En esta etiqueta deber\u00eda ir informaci\u00f3n de contacto y no solo direcciones.<\/p>\n

Art\u00edculo original aqu\u00ed<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Anoche estaba leyendo una entrada del blog del equipo de Treehouse, y me gust\u00f3 mucho la explicaci\u00f3n que dan sobre los diferentes elementos de seccionamiento HTML5, tanto que me ha hecho escribir una especie de resumen sobre el tema basado en lo que plantean. Como ya sabemos las nuevas etiquetas de la especificaci\u00f3n HTML en la versi\u00f3n 5, hacen que la web tenga m\u00e1s significado para los programas inform\u00e1ticos que se aventuran a trav\u00e9s \u00a0de ella. Es importante saber utilizar las etiquetas de manera correcta en nuestros desarrollos independientemente si son p\u00e1ginas web o webapps. Etiqueta <main> La etiqueta <main>\u00a0deber\u00eda contener la informaci\u00f3n principal del sitio, solo debe ser declarada una vez por p\u00e1gina y todo el contenido que hay dentro debe ser \u00fanico, es decir, logos, cajas de b\u00fasqueda, links del footer no deber\u00edan estar dentro de la etiqueta. Etiqueta <article> Su contenido es fragmentos de informaci\u00f3n totalmente independientes, (no hay mucho que decir aqu\u00ed), por otro lado, se puede anidar una etiqueta <article> dentro de otra,\u00a0esto ocurre cuando los dos elementos tiene una relaci\u00f3n entre si. Etiqueta <section> La informaci\u00f3n que va en esta etiqueta deber\u00eda pertenecer a una mismo t\u00f3pico, tema o contenido relacionado, como la etiqueta <article>, la etiqueta <section> tambi\u00e9n permite anidamiento solo si hay una relaci\u00f3n entre ambas secciones, <section> ser declarada dentro de una etiqueta <article>. Etiqueta <nav> Esta etiqueta deber\u00eda contener links externos al sitio o a secciones de la misma p\u00e1gina actual. Tambi\u00e9n es utilizada para definir el men\u00fa de navegaci\u00f3n principal del sitio. Etiqueta <aside> Esta etiqueta define informaci\u00f3n que esta relacionado con el contenido circundante de p\u00e1gina, pero puede ser considerada por aparte. Etiqueta <header> Esta etiqueta deber\u00eda contener informaci\u00f3n de introducci\u00f3n a una p\u00e1gina web, por lo general contiene titulares de una entrada de post o articulos. Etiqueta <footer> Esta etiqueta deber\u00eda contener informaci\u00f3n sobre una secci\u00f3n, como informaci\u00f3n de un autor y datos referentes a una entrada de blog. Etiqueta <address> En esta etiqueta deber\u00eda ir informaci\u00f3n de contacto y no solo direcciones. Art\u00edculo original aqu\u00ed<\/p>\n","protected":false},"author":4,"featured_media":857,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-67","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5"],"_links":{"self":[{"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":3,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions\/1152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/media\/857"}],"wp:attachment":[{"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apdi.co\/blog\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}