Un sitio web se refiere a una colección de páginas web producidas utilizando HTML y otro contenido en Internet de acuerdo con ciertas reglas para mostrar contenido específico.
Una página web es una "página" de un sitio web. Generalmente es un archivo en formato HTML, que es leído por un navegador.
Una página web es en realidad un archivo colocado en el servidor. Cuando navegamos por una página web, este archivo se descargará en nuestra computadora local y luego el navegador lo analizará para representar varias interfaces hermosas, como tablas, imágenes, títulos y listas. etc.
Hay muchos sufijos para archivos de páginas web, como .html, .php, .jsp, .asp, etc. Creo que los lectores los han visto en la barra de direcciones del navegador, como se muestra en la siguiente figura:
La URL se puede ver en la barra de direcciones del navegador.
Pero no importa cuál sea el sufijo de la página web, su esencia es la misma, que es un archivo de texto plano compuesto por código HTML.
Podemos utilizar editores de texto como Notepad, Notepad++, Sublime Text y Vim para abrir el archivo de la página web y ver todo su contenido, tal como se muestra a continuación:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Esta posición es el título de la página web</title></head><body><p>Esta posición es el texto del contenido de la página web</p ><ahref=http://dotcpp.com/>Esta ubicación es un hipervínculo</a><ul><li>Proyecto 1</li><li>Proyecto 2</li>< li>Proyecto 3</li></ul></body></html>
¡Este es el código HTML! Podemos ver muchas etiquetas especiales rodeadas por <>, que se denominan etiquetas HTML. El navegador genera varias interfaces y efectos al reconocer estas etiquetas HTML.
Guarde el código anterior en index.html, arrástrelo al navegador y ejecútelo (o haga doble clic en el archivo), podrá ver el siguiente efecto:
Esta es una página web muy simple y básica. Solo se usa como ejemplo para demostrar. El código HTML de una página web real es mucho más complicado que esto. Puede hacer clic derecho en la página web y seleccionar "Ver página web". código fuente" en el menú emergente. Puede ver el código HTML de la página web actual.
Las páginas web se identifican y se accede a ellas a través de una dirección de sitio web (URL). Cuando ingresamos la URL en el navegador web, después de un proceso complejo y rápido, el archivo de la página web se transferirá a la computadora personal del usuario y luego el contenido de la misma. La página web será interpretada a través del navegador y luego se mostrará al usuario.
1. Página web: en pocas palabras, desde la perspectiva del usuario, son las cosas que ve, como Taobao, la red en lenguaje C, etc.
2. Archivos: Todos sabemos que los archivos existen en las computadoras. La siguiente imagen puede mostrarle dónde están. Por supuesto, es solo un ejemplo.
● En el lado del servidor
Este es un servidor Tomcat en Windows y las páginas web que navega se guardan en la carpeta webapps.
●En el lado del navegador
El navegador es en realidad un analizador, que analiza principalmente archivos HTTP, archivos CSS y archivos JS enviados desde el servidor.
En realidad, es muy simple. Las páginas web son solo archivos.
3. Computadora: como sugiere el nombre, una computadora es un servidor en el lado del servidor. ¿Cómo es un servidor? La siguiente imagen es el servidor, puedes echarle un vistazo.
4. Dirección del sitio web (URL):
5. Programas complejos y rápidos: Cuando se envía el archivo de la página web, será procesado por estos programas.
6. Navegador: el navegador interpreta los tres archivos recibidos a través del kernel en el navegador, los representa en las páginas web que vemos y luego se los muestra al usuario.
7. Resumido en una imagen:
Si desea comprender la estructura de una página web, primero debe comprender la organización del W3C.
Consorcio World Wide Web (W3C), también conocido como Consejo W3C. Fundado en octubre de 1994 en el Laboratorio de Ciencias de la Computación del MIT. Fundada por Tim Berners-Lee, el inventor de Internet.
Casi todos los estándares para páginas web están elaborados por esta alianza. Según sus estándares de páginas web, HTML es la base, los archivos CSS son responsables del embellecimiento y JS es responsable de las interacciones y acciones.
Este es un árbol DOM simple. Nuestros recursos de red se pueden considerar como cada manzana del árbol. Organizar los recursos de esta manera mejorará en gran medida la velocidad de análisis del navegador. Nuestras relaciones familiares en la vida diaria se pueden mostrar claramente a través de una imagen así.