{"id":621,"date":"2026-06-11T19:24:04","date_gmt":"2026-06-11T17:24:04","guid":{"rendered":"https:\/\/tecnologia.villanett.com\/?post_type=glossary&#038;p=621"},"modified":"2026-06-11T19:24:04","modified_gmt":"2026-06-11T17:24:04","slug":"ruta-relativa","status":"publish","type":"glossary","link":"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/","title":{"rendered":"Ruta Relativa"},"content":{"rendered":"<p data-start=\"0\" data-end=\"183\"><strong data-start=\"0\" data-end=\"17\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a><\/strong> es una direcci&oacute;n que indica la ubicaci&oacute;n de un archivo o recurso tomando como referencia la ubicaci&oacute;n actual de la p&aacute;gina o carpeta desde donde se realiza el enlace.<\/p>\n<p data-start=\"185\" data-end=\"285\">A diferencia de una <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-absoluta\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">ruta absoluta<\/a>, no incluye el dominio completo ni la ubicaci&oacute;n total del recurso.<\/p>\n<hr data-start=\"287\" data-end=\"290\">\n<h3 data-section-id=\"1pq745u\" data-start=\"292\" data-end=\"312\">&iquest;Para qu&eacute; sirve?<\/h3>\n<ul data-start=\"313\" data-end=\"526\">\n<li data-section-id=\"6y7mlw\" data-start=\"313\" data-end=\"359\">Enlazar archivos dentro del mismo sitio web.<\/li>\n<li data-section-id=\"17d1pov\" data-start=\"360\" data-end=\"401\">Facilitar la organizaci&oacute;n de proyectos.<\/li>\n<li data-section-id=\"1hps7x0\" data-start=\"402\" data-end=\"436\">Reducir la longitud de las URLs.<\/li>\n<li data-section-id=\"1q4km54\" data-start=\"437\" data-end=\"482\">Simplificar el mantenimiento de sitios web.<\/li>\n<li data-section-id=\"1xhgge1\" data-start=\"483\" data-end=\"526\">Hacer que los enlaces sean m&aacute;s flexibles.<\/li>\n<\/ul>\n<hr data-start=\"528\" data-end=\"531\">\n<h3 data-section-id=\"qhfs8z\" data-start=\"533\" data-end=\"552\">&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>P&aacute;gina actual\n      &darr;\n<a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta relativa<\/a>\n      &darr;\nArchivo o recurso relacionado<\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"653\" data-end=\"707\">La ruta se interpreta a partir de la ubicaci&oacute;n actual.<\/p>\n<hr data-start=\"709\" data-end=\"712\">\n<h3 data-section-id=\"ghdlj7\" data-start=\"714\" data-end=\"734\">Ejemplo pr&aacute;ctico<\/h3>\n<p data-start=\"736\" data-end=\"766\">Si una p&aacute;gina se encuentra en:<\/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>https:\/\/<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/www\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>www<\/a>.ejemplo.com\/<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>\/articulo.<a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/html\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">html<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"836\" data-end=\"856\">Y la imagen est&aacute; en:<\/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>https:\/\/<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/www\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>www<\/a>.ejemplo.com\/<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>\/imagenes\/logo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/png\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>png<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"930\" data-end=\"953\">La <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">ruta relativa<\/a> ser&iacute;a:<\/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>imagenes\/logo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/png\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>png<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"998\" data-end=\"1001\">\n<h3 data-section-id=\"dtwlv1\" data-start=\"1003\" data-end=\"1023\">Ejemplos comunes<\/h3>\n<h4 data-start=\"1025\" data-end=\"1057\">Archivo en la misma carpeta<\/h4>\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>archivo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/pdf\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>pdf<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4 data-start=\"1096\" data-end=\"1133\">Archivo dentro de una subcarpeta<\/h4>\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>imagenes\/foto.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/jpg\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>jpg<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4 data-start=\"1178\" data-end=\"1214\">Archivo en una carpeta superior<\/h4>\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>..\/documentos\/manual.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/pdf\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>pdf<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1266\" data-end=\"1269\">\n<h3 data-section-id=\"1nfyf89\" data-start=\"1271\" data-end=\"1286\">Uso en <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/html\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">HTML<\/a><\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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 inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\" data-custom-highlighting-behavior=\"boundary\">\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=\"\">\n<div class=\"relative [container-type:inline-size]\">\n<div class=\"w-full overflow-x-hidden overflow-y-auto\">\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><span class=\"&#892;o\">&lt;img<\/span> <span class=\"&#892;n\">src<\/span><span class=\"&#892;g\">=<\/span><span class=\"&#892;k\">&quot;imagenes\/logo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/png\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>png<\/a>&quot;<\/span><span class=\"&#892;o\">&gt;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1343\" data-end=\"1431\">El navegador buscar&aacute; la imagen tomando como referencia la ubicaci&oacute;n actual de la p&aacute;gina.<\/p>\n<hr data-start=\"1433\" data-end=\"1436\">\n<h3 data-section-id=\"g5yl83\" data-start=\"1438\" data-end=\"1452\">Beneficios<\/h3>\n<p data-start=\"1453\" data-end=\"1581\">&#9989; URLs m&aacute;s cortas.<br data-start=\"1471\" data-end=\"1474\">&#9989; F&aacute;cil migraci&oacute;n del sitio web.<br data-start=\"1506\" data-end=\"1509\">&#9989; Menor dependencia del dominio.<br data-start=\"1541\" data-end=\"1544\">&#9989; Organizaci&oacute;n eficiente de archivos.<\/p>\n<hr data-start=\"1583\" data-end=\"1586\">\n<h3 data-section-id=\"al68w8\" data-start=\"1588\" data-end=\"1638\">Diferencia entre <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a> y <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-absoluta\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Absoluta<\/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=\"1640\" data-end=\"1876\">\n<thead data-start=\"1640\" data-end=\"1673\">\n<tr data-start=\"1640\" data-end=\"1673\">\n<th class=\"last:pe-10\" data-start=\"1640\" data-end=\"1656\" data-col-size=\"sm\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a><\/th>\n<th class=\"last:pe-10\" data-start=\"1656\" data-end=\"1673\" data-col-size=\"md\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-absoluta\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Absoluta<\/a><\/th>\n<\/tr>\n<\/thead>\n<tbody data-start=\"1706\" data-end=\"1876\">\n<tr data-start=\"1706\" data-end=\"1772\">\n<td data-start=\"1706\" data-end=\"1739\" data-col-size=\"sm\">Depende de la ubicaci&oacute;n actual<\/td>\n<td data-start=\"1739\" data-end=\"1772\" data-col-size=\"md\">Incluye la direcci&oacute;n completa<\/td>\n<\/tr>\n<tr data-start=\"1773\" data-end=\"1798\">\n<td data-start=\"1773\" data-end=\"1785\" data-col-size=\"sm\">M&aacute;s corta<\/td>\n<td data-start=\"1785\" data-end=\"1798\" data-col-size=\"md\">M&aacute;s larga<\/td>\n<\/tr>\n<tr data-start=\"1799\" data-end=\"1876\">\n<td data-start=\"1799\" data-end=\"1830\" data-col-size=\"sm\">Ideal para recursos internos<\/td>\n<td data-start=\"1830\" data-end=\"1876\" data-col-size=\"md\">Ideal para recursos externos o espec&iacute;ficos<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<hr data-start=\"1878\" data-end=\"1881\">\n<h3 data-section-id=\"1hewn85\" data-start=\"1883\" data-end=\"1906\">Ejemplo comparativo<\/h3>\n<h4 data-start=\"1908\" data-end=\"1926\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a><\/h4>\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>imagenes\/logo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/png\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>png<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4 data-start=\"1971\" data-end=\"1989\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-absoluta\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Absoluta<\/a><\/h4>\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>https:\/\/<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/www\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>www<\/a>.ejemplo.com\/imagenes\/logo.<a class=\"glossaryLink\"  href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/png\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>png<\/a><\/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=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2058\" data-end=\"2061\">\n<h3 data-section-id=\"1asuafr\" data-start=\"2063\" data-end=\"2096\">Importancia en desarrollo web<\/h3>\n<p data-start=\"2097\" data-end=\"2284\">Las rutas relativas son muy utilizadas porque facilitan la gesti&oacute;n de archivos dentro de un sitio web y permiten mover proyectos entre servidores sin modificar todos los enlaces internos.<\/p>\n<hr data-start=\"2286\" data-end=\"2289\">\n<h3 data-section-id=\"js1ou2\" data-start=\"2291\" data-end=\"2305\">En resumen<\/h3>\n<p data-start=\"2306\" data-end=\"2503\" data-is-last-node=\"\" data-is-only-node=\"\"><strong data-start=\"2306\" data-end=\"2503\" data-is-last-node=\"\">Una <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a> es una direcci&oacute;n que localiza un archivo o recurso tomando como referencia la ubicaci&oacute;n actual de la p&aacute;gina o carpeta, sin incluir la ruta completa o el dominio del sitio web.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/a> es una direcci&oacute;n que indica la ubicaci&oacute;n de un archivo o recurso tomando como referencia la ubicaci&oacute;n actual de la p&aacute;gina o carpeta desde donde se realiza el enlace. A diferencia de una <a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-absoluta\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">ruta absoluta<\/a>, no incluye el dominio completo ni la ubicaci&oacute;n total del recurso. &iquest;Para qu&eacute; sirve? Enlazar archivos dentro del &hellip; <a href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\"><a class=\"glossaryLink\" href=\"https:\/\/tecnologia.villanett.com\/index.php\/glosario\/ruta-relativa\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Ruta Relativa<\/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-621","glossary","type-glossary","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/621","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":1,"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/621\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/glossary\/621\/revisions\/622"}],"wp:attachment":[{"href":"https:\/\/tecnologia.villanett.com\/index.php\/wp-json\/wp\/v2\/media?parent=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}