Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: duda en HTML5

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    08 ene, 10
    Mensajes
    37
    Poder de Reputación
    16

    duda en HTML5

    Buenos dias. Estoy haciendo el curso de HTML5 y me he quedado "anclada" en los anclajes de los enlaces. No entiendo porque unas veces el código se escribe <a href="#titulouno" title="Ir al título uno">Ir al título uno</a>
    Y en otro ejemplo es
    <h1>Título Uno</h1><a name="titulouno"></a>
    Es decir, no se cuando se usa almohadilla y cuando a name.
    Creo recordar, de cuando hice el curso paso a paso de HTML, que era algo relacionado con los estilos, pero no consigo recordar que y además no lo encuentro ahora.
    Alguien puede aclararme algo, por favor?
    www.sangreyraza.com
    ---------------------------------------------
    El sentido común es el menos común de los sentidos.

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    25
    Hola!

    Lo que mencionas es para poder crear enlaces a trozos de la página en lugar de una página nueva y el atributo name no es necesario:

    Código HTML:
    <h1><a href="#nuestro-equipo">Nuestro Equipo</a></h1><!-- Este sería un marcador -->
    <h1><a href="nuestra-mision">Nuestra Misión</a></h1><!-- Este es otro marcador -->
    
    <p>Aquí habrá un texto MUY largo, así que usa tu imaginación xD</p>
    
    <h2 id="nuestro-equipo">Nuestro Equipo</h2><!-- Esto es un ancla -->
    <p>Nuestro equipo está compuesto por blah blah blah</p>
    
    <h2 id="nuestra-misión">Nuestra Misisón</h2><!-- Esto esto también es un ancla -->
    <p>Nuestra misión es crear un mundo mejor a través de blah blah blah</p>
    Solo el marcador debe ser la etiqueta a y el ancla puede ser cualquier otra.

    Cada vez que alguien haga clic sobre Nuestro Equipo, el navegador dará un salto hacia la sección con el mismo nombre. Esto es para ir directamente al contenido que nos interesa. Piensa en esto como un marcador dentro de una página: http://miweb.com/sobre-nosotros#nuestro-equipo te llevaría directamente a la sección Nuestro Equipo.

    El ejemplo sólo funciona si el texto es muy largo y no cabe en la pantalla; de otra forma no verás el salto.

    Espero haber ayudado :)

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    08 ene, 10
    Mensajes
    37
    Poder de Reputación
    16
    muchísimas gracias. Una vez visto el ejemplo de la leccion que estoy, me ha parecido entender que "a name" se usa para definir el destino y la almohadilla para definir el ancla. En cualquier caso, ya lo he entendido.
    Gracias de nuevo.
    www.sangreyraza.com
    ---------------------------------------------
    El sentido común es el menos común de los sentidos.

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    25
    Sólo por si quieres conocer con más detalle cómo funciona...

    Revisando la descripción del HTML5, la etiqueta a no puede tener el atributo name, por lo que <a name="algo">...</a> es ilegal.

    No obstante, la documentación de HTML5 dice que cualquier elemento que contenga el atributo id o name igual al fragid (fragid es lo que aparece después del # en una URL) hará que el navegador avance hasta la primera ocurrencia de estos y en ese orden. Esto quiere decir que, tomando en cuenta el siguiente ejemplo:

    Código HTML:
    <h1><a href="#nuestro-equipo">Nuestro Equipo</a></h1><!-- Este sería un marcador -->
    <h1><a href="nuestra-mision">Nuestra Misión</a></h1><!-- Este es otro marcador -->
    
    <p>Aquí habrá un texto MUY largo, así que usa tu imaginación xD</p>
    
    <h2 id="nuestro-equipo">Nuestro Equipo</h2><!-- Esto es un ancla -->
    <p>Nuestro equipo está compuesto por blah blah blah</p>
    
    <h2 id="nuestra-misión">Nuestra Misisón</h2><!-- Esto esto también es un ancla -->
    <p>Nuestra misión es crear un mundo mejor a través de blah blah blah</p>
    
    <h2 name="nuestro-equipo">Nuestro Equipo</h2><!-- Esto es un ancla -->
    <p>Nuestro equipo está compuesto por blah blah blah</p>
    
    <h2 name="nuestra-misión">Nuestra Misisón</h2><!-- Esto esto también es un ancla -->
    <p>Nuestra misión es crear un mundo mejor a través de blah blah blah</p>
    Si hicieras clic sobre Nuestro Equipo, el navegador se detendrá en la primera h2 y, de no existir esta etiqueta, se detendría en la tercera h2.

Temas Similares

  1. html5
    Por nandogarcia en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 2
    Último Mensaje: 25/10/2013, 06:52
  2. Respuestas: 7
    Último Mensaje: 30/08/2013, 13:13
  3. Duda con required de html5
    Por paquillo en el foro Formularios
    Respuestas: 5
    Último Mensaje: 05/08/2013, 23:39
  4. Duda etiqueta Hgroup en HTML5
    Por RYDDLE en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 6
    Último Mensaje: 23/01/2013, 11:35
  5. Una duda sobre imagenes en html5
    Por Soprano2 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 18/10/2012, 16:30

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •