Anclas

registrarse4 · #1 (**permalink**) 23/05/2014, 09:47

Hola.
Estoy empezando en HTML5 y tengo una duda importante. He tenido bastantes problemas con el codigo hasta que me he dado cuenta que el problema era del formato de las comillas

, estoy echo un lio.
1)Necesito que me confirmeis estos apuntes que me echo haber si estan bien.
2) Sobre todo saber si en el enlace es necesario la almuadilla o es en el ancla-destino
3) <h1 id se utiliza para crear anclas ??

Código:

Enlace-Inicio del ancla se puede escribir de dos formas
<a href="carpeta\pagina.html#ancla"> Tema con texto </a>
<h1 id="#nombreancla">

Ancla-Destino-Crear ancla para abrir otra pagina 
<a name="nombreancla”></a>

caricatos · #2 (**permalink**) 23/05/2014, 17:02

Hola:

La almohadilla no se pone en el id (ni el name del tag a), sino en el destino del enlace (href="#...")

Los anclajes se ponen con etiquetas "a" en el atributo name (aunque supongo que es un método obsoleto), o en cualquier elemento desde su id.

Saludos

descargar2 · #3 (**permalink**) 24/05/2014, 08:29

Cita:

Iniciado por caricatos

Hola:

La almohadilla no se pone en el id (ni el name del tag a), sino en el destino del enlace (href="#...")

Los anclajes se ponen con etiquetas "a" en el atributo name (aunque supongo que es un método obsoleto), o en cualquier elemento desde su id.

Saludos

El primer parafo no lo he entendido del todo (id, tag)

He echo dos pruebas para saber si la almuadilla se pone en el enlace (origen <a href> y <h1 id>), y si <h1 id> hace de origen-enlace o de destino-ancla

Código:

<!DOCTYPE HTML>
<HTML>
<head>
	<title>Ancla</title>
</head>
<body>
<a href="#ancla">Enlace</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="ancla"></a>
Hola
</body>
</html>

Y me a funcionado el origen, es decir <a href="#nombreancla"> con amuadilla

Código:

<!DOCTYPE HTML>
<HTML>
<head>
	<title>Ancla</title>
</head>
<body>
<a href="#ancla">Enlace</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>

</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<h1 id="ancla"></h1>
Hola
</body>
</html>

He probado <h1 id> como enlace-origen y nada al probarlo como ancla-destino ya iba

Para terminar creo que utilizo mal los terminos de origen y destino
Para mi, origen es donde el usuario va a hacer click en el <a href="#ancla">Enlace</a> y destino es donde el usuario va acabar llendo con <h1 id="ancla"></h1> o con la etiqueta <a name="ancla"></a>

pzin · #4 (**permalink**) 24/05/2014, 09:16

En HTML5 se trabaja con el identificador del elemento directamente:

Código HTML:

Ver original<a href="#coches">Ver coches molones</h1>
 
<section id="coches">
  <h1>Coches molones</h1>
</section>

La terminología que usas de origen/destino es la primera vez que la oigo. Y es almohadilla.

descargar2 · #5 (**permalink**) 24/05/2014, 10:38

Cita:

Iniciado por pzin

En HTML5 se trabaja con el identificador del elemento directamente:

Código HTML:

Ver original<a href="#coches">Ver coches molones</h1>
 
<section id="coches">
  <h1>Coches molones</h1>
</section>

La terminología que usas de origen/destino es la primera vez que la oigo. Y es almohadilla.

En el curso que estoy haciendo utilizan esa forma de hablar pero para que resulte mas cercano y entendible. De todas formas me lo apunto ;)

Para terminar el post querria comentarte algo, tengo la sospecha de que los tipos de HTML no son exactamente esos, los que nos han comentado. He visitado wiki, buscado por google y si eso fuera asi tendria que aparecerme hasta con palabras exactas para referirse a los tipos. Aqui te lo dejo

HTML

Cita:

Hay dos tipos de marcas:
• Especifica: Como tiene que formatearse el documento (colores, tamaño)
• Estructural: Describe la disposición del documento (titular, párrafo)

PHPeros · #6 (**permalink**) 24/05/2014, 11:09

Es la primera vez que tengo noticia de ellos. ¿Qué curso es ese?

Por cierto, lo de "marcas específicas" me suena a <font>, <big>, <strike>, todas ellas no soportadas en HTML5, que deberían aplicarse mediante hojas de estilo.

descargar2 · #7 (**permalink**) 25/05/2014, 09:07

Cita:

Iniciado por PHPeros

Es la primera vez que tengo noticia de ellos. ¿Qué curso es ese?

Por cierto, lo de "marcas específicas" me suena a <font>, <big>, <strike>, todas ellas no soportadas en HTML5, que deberían aplicarse mediante hojas de estilo.

Confección y Publicación de Páginas Web. Su codigo de identificación IFCD0110

Creo que lo han sacado de esta web pero hay mas que lo ponen igual
http://www.hipertexto.info/documentos/lenguajes_h.htm

Cita:

Así, pues, hay 2 tipos de marcación:

específica: describe cómo ha de formatearse el documento: fuente, tamaño, color, etc.

estructural: describe la estructura del documento: titular, párrafo, etc.

Otra mas:
http://stel.ub.edu/files/xml/1_a_intro_lengs_marcas.html

No se si es algo importate como para dar parte de ello al inspector que hace poco nos visito.