es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Especificación de la URL del documento base con HTML Elemento

Los sitios web se crean con una serie de enlaces, que apuntan a páginas y fuentes, como imágenes y hojas de estilo. Hay dos formas de especificar la URL que enlaza a estas fuentes : use una ruta absoluta o una relativa.

La ruta absoluta se refiere a un destino específico, por lo general se inicia con el nombre de dominio (junto con HTTP) como www.domain.com/destination/source.jpg . La ruta relativa es la opuesta: el destino del enlace depende de la ubicación raíz o, en la mayoría de los casos, del nombre de dominio de su sitio web.

Una ruta relativa típica se vería así a continuación:

Si el dominio de su sitio web es, por ejemplo, hongkiat.com, la hongkiat.com la imagen se resolvería en hongkiat.com//hideout-lastation.com/img/tech-design-tips/809/specifying-document-base-url-with-html-base-element.png . Debería entender esto si ha estado desarrollando un sitio web por un tiempo.

Pero la mayoría de ustedes probablemente no han escuchado sobre el elemento. Esta etiqueta HTML ha estado presente desde HTML4, pero se ve muy poco de su implementación en la naturaleza. W3C describe este elemento como:

"El elemento base permite a los autores especificar la URL base del documento con el fin de resolver las URL relativas, y el nombre del contexto de navegación predeterminado para los propósitos de los siguientes hipervínculos".

Esta elemento básicamente decide la URL base para la ruta relativa en las páginas web. En lugar de depender de la ubicación raíz o el dominio de su sitio web, puede señalarlo a otro lugar, tal como la URL donde residen sus recursos en CDN (Content Delivery Network). Veamos cómo funciona eso realmente.

Usando el elemento base

los se define al lado del y etiquetas dentro del . Dado el siguiente ejemplo, establecemos la URL base en Google.

Esta especificación afectará todas las rutas dentro del documento, incluida una especificada dentro del atributo href y el src de las imágenes. Entonces, supongamos que tenemos una hoja de estilo, imágenes y enlaces en el documento con una ruta relativa como esta, por ejemplo:

 

Aunque nuestra página web se encuentra en demo.hongkiat.com la ruta relativa se referirá a hongkiat.maxcdn.com, siguiendo la ruta base especificada en el etiqueta. Intente pasar el mouse sobre el enlace y el navegador le mostrará hacia dónde se dirige exactamente la ruta.

Todos los caminos relativos eventualmente serán:

 

Establecer el destino de enlace predeterminado

Además de definir la URL base, la etiqueta también puede establecer el objetivo de enlace predeterminado a través del atributo de target . Digamos que quiere que se abra todo el enlace en el documento en la nueva pestaña del navegador, establezca el target con _blank, como ese.

Limitaciones

los sin embargo, la etiqueta tiene algunas advertencias en algunas circunstancias:

Primero el el soporte del navegador es genial; funciona en IE6. Pero, IE6 cree que requiere una etiqueta de cierre . Esto podría causar un problema de jerarquía en el documento, si la etiqueta de cierre no se especifica. Una forma simple y rápida de abordar este problema es agregando cerrando dentro de un comentario, .

Si está usando # junto con el para vincular a las secciones dentro del documento, es posible que encuentre un problema en Internet Explorer 9. En lugar de saltar a la sección referida, Internet Explorer 9 volverá a cargar la página.

Además, un href blanco dará lugar a la URL base en lugar de vincular al directorio actual donde reside la página (este es el comportamiento predeterminado del navegador), lo que podría causar problemas de referencia inesperados.

Envolver

los es una práctica función HTML que puede simplificar la referenciación de enlaces en un documento web. Use la etiqueta con consideración para minimizar los riesgos. Siga estas referencias a continuación para obtener más información sobre etiqueta:

  • URL absolutas y relativas: MSDN
  • Elemento base HTML - W3C

¿Qué es más importante que la inteligencia para el éxito?

¿Qué es más importante que la inteligencia para el éxito?

¿Qué es más importante que la inteligencia para el éxito? Bueno, la ciencia está diciendo ... bastantes cosas. En lugar de limitarse a la inteligencia y las buenas calificaciones para determinar qué tan alto puede escalar la escalera de éxito, hay muchas otras habilidades y características que puede mejorar y mejorar para llegar hasta allí.Esta inf

(Consejos de tecnología y diseño)

Cómo personalizar el control deslizante de rango HTML5 en varios navegadores

Cómo personalizar el control deslizante de rango HTML5 en varios navegadores

El rango es uno de los nuevos tipos de entrada introducido en HTML5. Este tipo de entrada permite ingresar un número dentro del rango especificado. Los navegadores mostrarán este tipo de entrada de forma nativa como un control deslizante . Es una interfaz de usuario muy intuitiva que comúnmente encontramos en una aplicación. Po

(Consejos de tecnología y diseño)