La Carpeta htdocs y el Mapeo a localhost
Aprende qué es el DocumentRoot de Apache, cómo se estructura la carpeta htdocs y cómo se traducen las rutas del disco duro a URLs web en tu navegador.
¿Qué es la Carpeta `htdocs`?
El término htdocs es la abreviatura de "HyperText Documents" (Documentos de Hipertexto). En la arquitectura del servidor web Apache, esta carpeta es el DocumentRoot (la raíz pública de documentos).
Todo archivo que desees que sea accesible a través del navegador web debe estar obligatoriamente guardado dentro de C:\xampp\htdocs\. Los archivos que dejes en tu Escritorio o en tu carpeta de Descargas no podrán ser ejecutados por el servidor web.
El Mapeo de Rutas en Acción
Diagrama 10.1: Conversión de rutas del disco duro de Windows a URLs estándar del protocolo HTTP en el navegador.
Tabla de Equivalencias de Rutas
| Ruta en tu Disco Duro de Windows | Dirección URL en tu Navegador |
|---|---|
C:\xampp\htdocs\ |
http://localhost/ |
C:\xampp\htdocs\tienda\ |
http://localhost/tienda/ |
C:\xampp\htdocs\tienda\index.php |
http://localhost/tienda/ (Carga automática por defecto) |
C:\xampp\htdocs\tienda\contacto.php |
http://localhost/tienda/contacto.php |
C:\xampp\htdocs\tienda\css\estilos.css |
http://localhost/tienda/css/estilos.css |
La Magia del Archivo `index.php` / `index.html`
Por estándar de Apache (directiva DirectoryIndex), cuando visitas una carpeta en el navegador sin especificar el nombre del archivo (por ejemplo, http://localhost/tienda/), el servidor busca automáticamente si existe un archivo llamado index.php o index.html y lo sirve como portada. Si no existe ningún archivo index, Apache mostrará un listado con los archivos de la carpeta.
⚡ Crear la Carpeta de un Proyecto Nuevo con PowerShell
Comando rápido para crear la estructura de carpetas de tu nuevo sitio dentro de htdocs:
# Crear la carpeta de tu nuevo proyecto dentro de htdocs:
New-Item -ItemType Directory -Path "C:\xampp\htdocs\mi-proyecto\assets\css" -Force
# Crear un archivo de prueba inicial index.php:
Set-Content -Path "C:\xampp\htdocs\mi-proyecto\index.php" -Value "<?php echo '¡Servidor Local Funcionando!'; ?>"Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lecciónSi guardas un archivo en C:\xampp\htdocs\app\login.php, ¿qué dirección debes escribir en tu navegador para abrirlo con el servidor activo?
¿Tienes dudas con este tema?
Sócrates AI puede darte analogías y explicarte este código paso a paso.🚀 ¿Quieres dominar Manual de XAMPP: Instalación & Pruebas y crear proyectos reales?
Aprende arquitectura limpia, desarrollo web moderno, buenas prácticas y despliegue en producción con nuestro Bootcamp Fullstack Developer con mentorías en vivo.
🏛️ Autoría y Propiedad Intelectual: Obra educativa original de David Amador para Kilopolis Academia (Solucionáticos), estructurada sobre las especificaciones y estándares abiertos del W3C, el estándar vivo de WHATWG y la documentación oficial de código abierto. © Todos los derechos reservados.