{"id":4566,"date":"2025-03-03T12:35:48","date_gmt":"2025-03-03T11:35:48","guid":{"rendered":"https:\/\/sutilweb.eu\/?page_id=4566"},"modified":"2025-03-03T12:35:49","modified_gmt":"2025-03-03T11:35:49","slug":"10-etiquetas-semanticas-estructurales","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-practico\/10-etiquetas-semanticas-estructurales\/","title":{"rendered":"10. Etiquetas sem\u00e1nticas estructurales"},"content":{"rendered":"\n<p>Las&nbsp;<strong>etiquetas sem\u00e1nticas estructurales<\/strong>&nbsp;o de&nbsp;<strong>estructura<\/strong>&nbsp;nos permiten definir&nbsp;<strong>zonas de maquetaci\u00f3n<\/strong>&nbsp;(proceso que permite definir cual es el \u00e1rea de las diferentes secciones de nuestro sitio web, como pueden ser la cabecera, el pie de p\u00e1gina, el contenido principal, la publicidad, el contenido lateral\u2026).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Estructura sem\u00e1ntica HTML<\/h2>\n\n\n\n<p>Este es el esquema de una estructura sem\u00e1ntica con HTML<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"450\" src=\"https:\/\/sutilweb.eu\/wp-content\/uploads\/2025\/03\/Estructura-semantica-HTML.gif\" alt=\"\" class=\"wp-image-4567\"\/><\/figure>\n\n\n\n<p>A partir de HTML5 en 2009 nacen nuevas etiquetas contenedoras ya con cierto significado, que son las siguientes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><em>&lt;header>&lt;\/header><\/em><\/strong>: cabecera de un sitio o de una secci\u00f3n.<\/li>\n\n\n\n<li><strong><em>&lt;main>&lt;\/main><\/em><\/strong>: define la secci\u00f3n principal del documento. S\u00f3lo puede existir una etiqueta\u00a0<strong><em>&lt;main><\/em><\/strong>\u00a0por documento.<\/li>\n\n\n\n<li><strong><em>&lt;footer>&lt;\/footer><\/em><\/strong>: representa el pie de p\u00e1gina de un sitio web o una secci\u00f3n del sitio.<\/li>\n\n\n\n<li><strong><em>&lt;nav>&lt;\/nav><\/em><\/strong>: representa una navegaci\u00f3n, es decir, un conjunto de enlaces que forme una navegaci\u00f3n, o tambi\u00e9n una botonera.<\/li>\n\n\n\n<li><strong><em>&lt;article>&lt;\/article><\/em><\/strong>: representa una\u00a0<strong>secci\u00f3n de autocontenido,<\/strong>\u00a0es decir, por s\u00ed sola entendemos todo el contexto del autocontenido sin tener contexto de toda la interfaz del sitio, por ejm un sitio de\u00a0<strong>blogs<\/strong>.<\/li>\n\n\n\n<li><strong><em>&lt;aside>&lt;\/aside><\/em><\/strong>: representa un contenido complementario o secundario.<\/li>\n\n\n\n<li><strong><em>&lt;section>&lt;\/section><\/em><\/strong>: representa una secci\u00f3n de\u00a0<strong>contenido gen\u00e9rico.<\/strong><\/li>\n\n\n\n<li><strong><em>&lt;address>&lt;\/adress><\/em><\/strong>: sem\u00e1nticamente representa una\u00a0<strong>direcci\u00f3n.<\/strong><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Las&nbsp;etiquetas sem\u00e1nticas estructurales&nbsp;o de&nbsp;estructura&nbsp;nos permiten definir&nbsp;zonas de maquetaci\u00f3n&nbsp;(proceso que permite definir cual es el \u00e1rea de las diferentes secciones de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":89,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4566","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Las&nbsp;etiquetas sem\u00e1nticas estructurales&nbsp;o de&nbsp;estructura&nbsp;nos permiten definir&nbsp;zonas de maquetaci\u00f3n&nbsp;(proceso que permite definir cual es el \u00e1rea de las diferentes secciones de [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=4566"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4566\/revisions"}],"predecessor-version":[{"id":4568,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4566\/revisions\/4568"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=4566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}