{"id":459,"date":"2026-06-06T17:40:15","date_gmt":"2026-06-06T15:40:15","guid":{"rendered":"https:\/\/tecnologia.villanett.com\/?post_type=glossary&#038;p=459"},"modified":"2026-06-10T17:41:13","modified_gmt":"2026-06-10T15:41:13","slug":"menu-hamburguesa","status":"publish","type":"glossary","link":"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/","title":{"rendered":"Men\u00fa Hamburguesa"},"content":{"rendered":"<p data-start=\"0\" data-end=\"181\"><strong data-start=\"0\" data-end=\"20\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a><\/strong> (Hamburger Menu) es un elemento de navegaci&oacute;n utilizado en sitios web y aplicaciones m&oacute;viles que se representa con un &iacute;cono de <strong data-start=\"148\" data-end=\"180\">tres l&iacute;neas horizontales (&#9776;)<\/strong>.<\/p>\n<p data-start=\"183\" data-end=\"263\">Al hacer clic o tocar el &iacute;cono, se despliega un men&uacute; con opciones de navegaci&oacute;n.<\/p>\n<h3 data-section-id=\"1gfe0c9\" data-start=\"265\" data-end=\"301\">&iquest;Por qu&eacute; se llama &laquo;Hamburguesa&raquo;?<\/h3>\n<p data-start=\"302\" data-end=\"398\">Porque las tres l&iacute;neas horizontales recuerdan visualmente a los ingredientes de una hamburguesa:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch &#892;d &#892;r\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>&#9776;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"h-full min-h-0 min-w-0\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 data-section-id=\"1pq745u\" data-start=\"415\" data-end=\"435\">&iquest;Para qu&eacute; sirve?<\/h3>\n<ul data-start=\"436\" data-end=\"602\">\n<li data-section-id=\"185arss\" data-start=\"436\" data-end=\"469\">Ahorrar espacio en la pantalla.<\/li>\n<li data-section-id=\"8kd4bh\" data-start=\"470\" data-end=\"505\">Organizar opciones de navegaci&oacute;n.<\/li>\n<li data-section-id=\"bwasa0\" data-start=\"506\" data-end=\"555\">Mejorar la experiencia en dispositivos m&oacute;viles.<\/li>\n<li data-section-id=\"dupp3u\" data-start=\"556\" data-end=\"602\">Mantener interfaces m&aacute;s limpias y ordenadas.<\/li>\n<\/ul>\n<h3 data-section-id=\"qhfs8z\" data-start=\"604\" data-end=\"623\">&iquest;C&oacute;mo funciona?<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch &#892;d &#892;r\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>&#9776;\r\n&darr;\r\nSe despliega el men&uacute;\r\n&darr;\r\nInicio\r\nProductos\r\nServicios\r\nContacto<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"h-full min-h-0 min-w-0\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 data-section-id=\"er9qyu\" data-start=\"713\" data-end=\"731\">Ejemplo visual<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch &#892;d &#892;r\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>&#9776;\n\nAl abrir:\n\nInicio\nProductos\nServicios\n<a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/blog\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Blog<\/a>\nContacto<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"h-full min-h-0 min-w-0\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 data-section-id=\"1cl7xge\" data-start=\"813\" data-end=\"835\">&iquest;D&oacute;nde se utiliza?<\/h3>\n<ul data-start=\"836\" data-end=\"956\">\n<li data-section-id=\"1li24qe\" data-start=\"836\" data-end=\"859\">Aplicaciones m&oacute;viles.<\/li>\n<li data-section-id=\"1k575go\" data-start=\"860\" data-end=\"885\">Sitios web responsivos.<\/li>\n<li data-section-id=\"10j522u\" data-start=\"886\" data-end=\"905\">Tiendas en l&iacute;nea.<\/li>\n<li data-section-id=\"1ejvbr0\" data-start=\"906\" data-end=\"931\">Sistemas empresariales.<\/li>\n<li data-section-id=\"cif2zq\" data-start=\"932\" data-end=\"956\">Plataformas digitales.<\/li>\n<\/ul>\n<h3 data-section-id=\"g5yl83\" data-start=\"958\" data-end=\"972\">Beneficios<\/h3>\n<ul data-start=\"973\" data-end=\"1119\">\n<li data-section-id=\"175d7zz\" data-start=\"973\" data-end=\"994\">Ocupa poco espacio.<\/li>\n<li data-section-id=\"1oowrmz\" data-start=\"995\" data-end=\"1031\">Facilita la navegaci&oacute;n en m&oacute;viles.<\/li>\n<li data-section-id=\"1jdnnr9\" data-start=\"1032\" data-end=\"1060\">Mantiene el dise&ntilde;o limpio.<\/li>\n<li data-section-id=\"1eqwtxt\" data-start=\"1061\" data-end=\"1119\">Permite incluir muchas opciones sin saturar la pantalla.<\/li>\n<\/ul>\n<h3 data-section-id=\"ghdlj7\" data-start=\"1121\" data-end=\"1141\">Ejemplo pr&aacute;ctico<\/h3>\n<p data-start=\"1142\" data-end=\"1226\">En una <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/tienda-en-linea\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">tienda en l&iacute;nea<\/a> m&oacute;vil, al tocar el &iacute;cono &#9776; se pueden mostrar categor&iacute;as como:<\/p>\n<ul data-start=\"1228\" data-end=\"1292\">\n<li data-section-id=\"gelm23\" data-start=\"1228\" data-end=\"1240\">Prote&iacute;nas.<\/li>\n<li data-section-id=\"vrcq7m\" data-start=\"1241\" data-end=\"1253\">Creatinas.<\/li>\n<li data-section-id=\"15bfuok\" data-start=\"1254\" data-end=\"1266\">Vitaminas.<\/li>\n<li data-section-id=\"r2y1zt\" data-start=\"1267\" data-end=\"1280\">Accesorios.<\/li>\n<li data-section-id=\"lm2nbd\" data-start=\"1281\" data-end=\"1292\">Contacto.<\/li>\n<\/ul>\n<h3 data-section-id=\"bbcueb\" data-start=\"1294\" data-end=\"1350\">Diferencia entre Men&uacute; Tradicional y <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a><\/h3>\n<div class=\"TyagGW_tableContainer\">\n<div class=\"group TyagGW_tableWrapper flex flex-col-reverse w-fit\" tabindex=\"-1\">\n<table class=\"w-fit min-w-(--thread-content-width)\" data-start=\"1352\" data-end=\"1573\">\n<thead data-start=\"1352\" data-end=\"1391\">\n<tr data-start=\"1352\" data-end=\"1391\">\n<th class=\"last:pe-10\" data-start=\"1352\" data-end=\"1371\" data-col-size=\"sm\">Men&uacute; Tradicional<\/th>\n<th class=\"last:pe-10\" data-start=\"1371\" data-end=\"1391\" data-col-size=\"sm\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a><\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1432\" data-end=\"1573\">\n<tr data-start=\"1432\" data-end=\"1478\">\n<td data-start=\"1432\" data-end=\"1450\" data-col-size=\"sm\">Siempre visible<\/td>\n<td data-start=\"1450\" data-end=\"1478\" data-col-size=\"sm\">Se muestra al hacer clic<\/td>\n<\/tr>\n<tr data-start=\"1479\" data-end=\"1520\">\n<td data-start=\"1479\" data-end=\"1502\" data-col-size=\"sm\">Requiere m&aacute;s espacio<\/td>\n<td data-start=\"1502\" data-end=\"1520\" data-col-size=\"sm\">Ahorra espacio<\/td>\n<\/tr>\n<tr data-start=\"1521\" data-end=\"1573\">\n<td data-start=\"1521\" data-end=\"1549\" data-col-size=\"sm\">M&aacute;s com&uacute;n en computadoras<\/td>\n<td data-start=\"1549\" data-end=\"1573\" data-col-size=\"sm\">M&aacute;s com&uacute;n en m&oacute;viles<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<h3 data-section-id=\"15ih8c3\" data-start=\"1575\" data-end=\"1612\">Relaci&oacute;n con el <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/diseno-responsivo\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">dise&ntilde;o responsivo<\/a><\/h3>\n<p data-start=\"1613\" data-end=\"1782\">El <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">men&uacute; hamburguesa<\/a> es una caracter&iacute;stica muy utilizada en el <strong data-start=\"1675\" data-end=\"1696\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/diseno-responsivo\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Dise&ntilde;o Responsivo<\/a><\/strong>, ya que permite adaptar la navegaci&oacute;n a pantallas peque&ntilde;as como tel&eacute;fonos y tabletas.<\/p>\n<h3 data-section-id=\"6609sp\" data-start=\"1784\" data-end=\"1808\">Posibles desventajas<\/h3>\n<ul data-start=\"1809\" data-end=\"1948\">\n<li data-section-id=\"cgv3zx\" data-start=\"1809\" data-end=\"1859\">Algunos usuarios pueden no identificar el &iacute;cono.<\/li>\n<li data-section-id=\"36oqsn\" data-start=\"1860\" data-end=\"1897\">Puede ocultar opciones importantes.<\/li>\n<li data-section-id=\"grpshq\" data-start=\"1898\" data-end=\"1948\">Requiere un clic adicional para acceder al men&uacute;.<\/li>\n<\/ul>\n<h3 data-section-id=\"27rsfg\" data-start=\"1950\" data-end=\"1996\">Importancia en <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ux-experiencia-de-usuario\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">UX (Experiencia de Usuario)<\/a><\/h3>\n<p data-start=\"1997\" data-end=\"2123\">Cuando se implementa correctamente, ayuda a mantener una interfaz organizada y facilita la navegaci&oacute;n en dispositivos m&oacute;viles.<\/p>\n<h3 data-section-id=\"v3196u\" data-start=\"2125\" data-end=\"2153\">Ejemplo de uso cotidiano<\/h3>\n<p data-start=\"2154\" data-end=\"2309\">Al abrir aplicaciones como <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/redes-sociales\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">redes sociales<\/a>, bancos digitales o tiendas en l&iacute;nea, es com&uacute;n encontrar un &iacute;cono &#9776; que despliega todas las opciones disponibles.<\/p>\n<h3 data-section-id=\"js1ou2\" data-start=\"2311\" data-end=\"2325\">En resumen<\/h3>\n<p data-start=\"2326\" data-end=\"2547\" data-is-last-node=\"\" data-is-only-node=\"\"><strong data-start=\"2326\" data-end=\"2547\" data-is-last-node=\"\">El <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a> es un &iacute;cono de tres l&iacute;neas horizontales que oculta y despliega las opciones de navegaci&oacute;n de un sitio web o aplicaci&oacute;n, permitiendo ahorrar espacio y mejorar la experiencia en dispositivos m&oacute;viles.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a> (Hamburger Menu) es un elemento de navegaci&oacute;n utilizado en sitios web y aplicaciones m&oacute;viles que se representa con un &iacute;cono de tres l&iacute;neas horizontales (&#9776;). Al hacer clic o tocar el &iacute;cono, se despliega un men&uacute; con opciones de navegaci&oacute;n. &iquest;Por qu&eacute; se llama &laquo;Hamburguesa&raquo;? Porque las tres l&iacute;neas horizontales recuerdan visualmente a &hellip; <a href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/menu-hamburguesa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Men&uacute; Hamburguesa<\/a><\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"menu_order":0,"template":"","meta":{"footnotes":""},"class_list":["post-459","glossary","type-glossary","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":2,"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/459\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/459\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/media?parent=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}