lenguaje historia etiquetas ejemplos codigos code caracteristicas html

historia - Comenzando con una barra inclinada en html para "href"



html pdf (1)

Comencé a aprender html recientemente, y una cosa que realmente me confundió es por qué algunos enlaces tienen una barra diagonal ("/") antes de la ruta y algunos enlaces no.

es decir.

<link href="/favicon.png" rel="icon"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">

contra

<dt><a href="reset/index.html">Reset CSS</a></dt>

¿Es uno un camino relativo y otro un camino absoluto? ¿Y cómo funciona exactamente el href? ¿simplemente se pega en el nombre de la ruta después de la url base?


¿Es uno un camino relativo y otro un camino absoluto?

Sí.

Si su navegador apunta actualmente a http://foo/bar/baz.html entonces:

  • <a href="reset/index.html"> se vincularía a http://foo/bar/reset/index.html .
  • <a href="/reset/index.html"> se vincularía a http://foo/reset/index.html .

Si hay un elemento base en la cabecera de su documento HTML, entonces la ruta relativa será relativa a la base. Por ejemplo, el enlace aquí lo llevará a http://example.com/foobar/reset/index.html independientemente de dónde se encuentre la página.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Base element example</TITLE> <BASE href="http://example.com/foobar/"> </HEAD> <BODY> <P><a href="reset/index.html">Reset CSS</a> </BODY> </HTML>