Un resumen de conocimientos sobre url, href y src en el front-end web
El artículo que quiero compartir con ustedes hoy es un resumen del conocimiento sobre URL, href y src en el front-end web. Los amigos que estén familiarizados con las interfaces web definitivamente estarán familiarizados con estos tres contenidos. Pero para aquellos que son nuevos en la web, definitivamente no saben mucho al respecto. Hoy, el editor ha preparado este artículo para todos. Echemos un vistazo al resumen de conocimientos sobre URL, href y src.
1. El concepto de URL
Localizador uniforme de recursos (o Localizador uniforme de recursos/dirección de ubicación, dirección URL, etc., inglés: UniformResource
Locator, A menudo abreviado como URL), a veces también conocido comúnmente como dirección web (dirección web). Al igual que el número de una casa en Internet, es la dirección de un recurso estándar en Internet.
2. Formato de URL
2.1 formato estándar
Tipo de protocolo: [//dirección del servidor [:número de puerto]][/ruta del archivo UNIX a nivel de recurso] ¿Nombre de archivo? Consulta
2.2 formato completo
Tipo de protocolo: [//[Información de credenciales requerida para acceder a los recursos @]Dirección del servidor [: número de puerto]][/Nivel de recurso Archivo UNIX ruta]Nombre de archivo? Consulta
La información de la credencial de acceso @;: Número de puerto;? #ID del fragmento son todos opcionales.
3. Reglas de sintaxis de URL
Por ejemplo, la URL #/html/index.asp debe cumplir con las siguientes reglas de sintaxis:
esquema:// host.dominio: puerto/ruta/nombre de archivo
3.1 Descripción
(1) esquema: define el tipo de servicio de Internet. Los tipos más comunes son (4): puerto: define el número de puerto en el host (el número de puerto predeterminado para http es 80)
(5) ruta: define la ruta en el servidor (si se omite, el documento debe estar ubicado en el directorio raíz del sitio web). (6)nombre de archivo: define el nombre del documento/recurso
3.2URLSchemes
Los siguientes son algunos de los esquemas más populares:
Se utiliza el acceso al esquema ...
http Protocolo de transferencia de hipertexto páginas web ordinarias que comienzan con http://. Sin cifrado.
Página web segura con protocolo seguro de transferencia de hipertexto https. Cifre toda la información intercambiada.
El protocolo de transferencia de archivos ftp se utiliza para descargar o subir archivos a un sitio web.
archivo de archivo en su computadora.
4. Tipos de URL
4.1 URL absolutas
Las URL absolutas (absoluteURL) muestran la ruta completa del archivo, lo que significa que la ubicación del archivo absoluto La URL en sí es la misma que la del archivo. La ubicación del archivo real al que se hace referencia es irrelevante.
4.2 URL relativa
La URL relativa (relativeURL) utiliza la ubicación de la carpeta que contiene la URL como punto de referencia para describir la ubicación de la carpeta de destino.
En general, siempre debe usar URL relativas para archivos en el mismo servidor, son más fáciles de escribir y más convenientes al mover páginas del sistema local al servidor, siempre que cada archivo tenga la posición relativa. permanece sin cambios y el enlace sigue siendo válido.
Los siguientes son varios símbolos especiales utilizados para establecer caminos y sus significados.
(1).: Representa el directorio actual, ruta relativa. Por ejemplo: texto o /gt;
(2)...: representa el directorio superior, ruta relativa. Por ejemplo: texto o /gt;
(3)../../: representa el directorio de nivel superior del directorio de nivel superior, una ruta relativa. Por ejemplo:
(4)/: representa el directorio raíz, ruta absoluta.
Como: [texto](/abc) o
5. El concepto de href
5.1 Explicación de la especificación
href(Hypertext
Referencia) especifica la ubicación de un recurso de red, definiendo así un vínculo o relación entre el elemento actual o el documento actual y el ancla o recurso requerido definido por el atributo actual.
5.2 Comprensión popular
El propósito de href no es hacer referencia a recursos, sino establecer una conexión para que la etiqueta actual pueda vincularse a la dirección de destino.
6. El concepto de src
Fuente (abreviatura) apunta a la ubicación de un recurso externo, y el contenido señalado se aplicará a la ubicación de la etiqueta actual en el documento. .
7. La diferencia entre href y src
7.1 Diferentes tipos de recursos solicitados
(1) href apunta a la ubicación del recurso de red, estableciendo y elemento actual (punto de anclaje) o el documento actual (enlace).
(2) Al solicitar el recurso src, el recurso al que apunta se descargará y aplicará al documento, como scripts JavaScript e imágenes img.
7.2 tiene resultados diferentes <; /p>
(1)href se usa para establecer una conexión entre el documento actual y el recurso al que se hace referencia;
(2)src se usa para reemplazar el contenido actual;
7.3 Los métodos de análisis del navegador son diferentes
(1) Si se agrega al documento, el navegador reconocerá el documento como un archivo CSS, descargará el recurso en paralelo y no dejará de procesar el documento actual. Es por eso que se recomienda utilizar el método link para cargar
CSS en lugar de utilizar el método @import.
(2) Cuando el navegador analiza
, suspenderá la descarga y el procesamiento de otros recursos hasta que el recurso se cargue, compile y ejecute. Lo mismo ocurre con las imágenes y. marcos Similar a aplicar el recurso señalado al contenido actual. Es por eso que se recomienda colocar el script js
en la parte inferior en lugar del encabezado.
8. La diferencia entre link y @import
Ambas son formas de hacer referencia externa a CSS, pero existen ciertas diferencias:
(1) el enlace es XHTML Las etiquetas, además de cargar CSS, también pueden definir otras transacciones como RSS; mientras que @import pertenece a la categoría CSS y solo puede cargar CSS.
(2) Cuando el enlace se refiere a CSS, se carga al mismo tiempo que se carga la página; @import requiere que la página esté completamente cargada antes de cargarse.
(3) el enlace es una etiqueta XHTML y no tiene problemas de compatibilidad; @import se propuso en CSS2.1 y no es compatible con navegadores de versiones inferiores.
(4)link admite el uso de Javascript para controlar el DOM y cambiar el estilo, mientras que @import no lo admite.
Lo anterior es el artículo que el editor compartió con usted hoy sobre el resumen de conocimientos sobre URL, href y src en la interfaz web. Espero que este artículo pueda ser útil para los amigos que están comprometidos. En ayuda sobre aprendizaje y trabajo web, si desea obtener más conocimientos relacionados con la web, recuerde seguir el sitio web oficial de Beida Jade Bird Web Training ~
Autor: WEBING
. #/a/1190000013845173
*Declaración: Todo el contenido y las imágenes provienen de Internet (parte del contenido ha sido modificado) y los derechos de autor pertenecen al autor original si la información fuente es incorrecta o los derechos son incorrectos. infringido, por favor póngase en contacto con nosotros para su eliminación o autorización.