html - página - Dos barras diagonales en un atributo url/src/href

href html ejemplos

Question

Posible duplicado:
URI comenzando con dos barras ... ¿cómo se comportan?
URL absolutas omitiendo el protocolo (esquema) para preservar el de la página actual
taquigrafía como // para secuencias de comandos y etiquetas de enlace? ¿Alguien ve / usa esto antes?

Estaba mirando a través de la fuente de restauración de HTML5 cuando noté la siguiente línea :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

¿Por qué la URL comienza con dos barras diagonales? ¿Es esto una forma abreviada de http:// ?

Answer 1

Las "dos barras diagonales" son una abreviatura común para "cualquier protocolo que se use en este momento".

Mejor conocidos como "URL relativas al protocolo", son particularmente útiles cuando los elementos, como el archivo JS en su ejemplo, se pueden cargar desde un contexto http o https . Mediante el uso de URL relativas al protocolo, puede evitar la implementación

if (window.location.protocol === ''http:'') {
    myResourceUrl = ''http://example.com/my-resource.js'';
} else {
    myResourceUrl = ''https://example.com/my-resource.js'';
}

tipo de lógica en toda su base de código (suponiendo, por supuesto, que el servidor en example.com pueda servir recursos a través de http y https ).

Un ejemplo destacado del mundo real es el motor de E-Commerce de Magento: por motivos de rendimiento, las páginas de la tienda usan http simple por defecto, mientras que el proceso de pago está habilitado para https .

Cuando los recursos codificados (es decir, banners promocionales en el encabezado del sitio) son referenciados por URL relativas que no son de protocolo (es decir, http://example.com/banner.jpg ), los clientes que lleguen al proceso de pago habilitado para https recibirán una respuesta poco amistosa

"hay elementos inseguros en esta página"

prompt - que, como se puede imaginar, saca a la persona promedio no conocedora de la tecnología.

//example.com/banner.jpg embargo, si se hace referencia al recurso mencionado anteriormente a través de //example.com/banner.jpg , el navegador se encarga de anteponer el protocolo adecuado.

tl; dr: Incluso con la mínima posibilidad de un entorno http / https mixto, solo use las URL relativas de doble barra / protocolo para cargar sus recursos, suponiendo que el servidor que sirve el contenido esté habilitado para http y https.

Answer 2

Automáticamente agregará https o http, dependiendo de cómo se realizó la solicitud.