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

30 extensiones de Chrome para una mejor productividad en 2017

30 extensiones de Chrome para una mejor productividad en 2017

Hay una serie de aplicaciones de productividad para móviles y muchas herramientas de productividad para PC. ¿Pero sabías que hay algunas extensiones de Chrome realmente increíbles que pueden llevar tu productividad al siguiente nivel y ayudarte a hacer las cosas más rápido mientras mantienes tu cordura?En es

(Consejos de tecnología y diseño)

10 aplicaciones de teclado Android alternativas

10 aplicaciones de teclado Android alternativas

Cada dispositivo Android tiene su propia estructura de teclado en el sistema, pero no importa cuán lleno de funciones tenga el teclado incorporado, sigue siendo muy general. Entonces, si cree que el teclado actual en su dispositivo móvil no le ofrece mucho o que tiene algunos requisitos especiales que no cumple, entonces siempre puede tomar la ayuda de un teclado alternativo.E

(Consejos de tecnología y diseño)